MVC中 DropDownList编辑默认选中的使用

摘要:
MVCDropDownList编辑:默认选择DropDownList,这与TextBox和其他控件不同。它使用select标记。DropDownList扩展方法的每个重载版本将“基本上”传递给此方法:?尽管以上两种方法可以实现DropDownList的正确显示,但它们不是最佳实践。ASP。NETMVC为DropDownList和ListBox准备了一个辅助类型:SelectList。换句话说,SelectList可以直接用作Html.DropDownList方法的第二个参数。显然,作为DropDownList,所选项不能是IEnumerable,因此SelectList提供了一个新属性:SelectedValue:所选项的值和对象类型。

MVC DropDownList编辑默认选中

 

DropDownList则与TextBox等控件不同,它使用的是select标记。它需要两个值:在下拉框中显示的列表,和默认选项。而自动绑定一次只能绑定一个属性,因此你需要根据需要选择是绑定列表,还是默认选项。

DropDownList扩展方法的各个重载版本“基本上”都会传递到这个方法上:

publicstaticstringDropDownList(thisHtmlHelper htmlHelper,    
    stringname,    
    IEnumerable<SelectListItem> selectList,    
    stringoptionLabel,    
    IDictionary<string, object> htmlAttributes) {   
    …   

如果没有指定selectList,该方法将自动绑定列表,即从ViewData中查找name所对应的值。如果提供了selectList,将自 动绑定默认选项,即从selectList中找到Selected属性为true的SelectedListItem。(具体参见HtmlHelper方 法的SelectInternal辅助方法)

例1:如果在Action方法中有如下代码:

List<SelectListItem> items = new List<SelectListItem>();    
    items.Add(new SelectListItem { Text = "Kirin", Value = "29" });    
    items.Add(new SelectListItem { Text = "Jade", Value = "28", Selected = true});    
    items.Add(new SelectListItem { Text = "Yao", Value = "24"});    
    this.ViewData["list"] = items;   

在View中这样使用:

<%=Html.DropDownList("list")%>那么辅助方法将率先从ViewData中获取key为list的项,如果该项为IEnumerable类型则绑定到下拉框中,否则将抛出InvalidOperationException。由于第二个SelectListItem的Selected为true,则默认选中第二个。

例2:如果Action中代码如下:

List<SelectListItem> items = newList<SelectListItem>();   
    items.Add(newSelectListItem { Text = "Kirin", Value = "29"});   
    items.Add(newSelectListItem { Text = "Jade", Value = "28"});   
    items.Add(newSelectListItem { Text = "Yao", Value = "24"});   
    this.ViewData["list"] = items;   
    this.ViewData["selected"] = 24;  
     
    <%=Html.DropDownList("selected", ViewData["list"] asIEnumerable<selectlistitem>)%> </selectlistitem> 

那么辅助方法将ViewData["list"]绑定为下拉框,然后从ViewData中获取key为selected的项,并将下list中Value值与该项的值相等的SelecteListItem设为默认选中项。

以上两种方法尽管可以实现DropDownList的正确显示,但并非最佳实践。在实际项目中,我们更希望在代码中使用强类型。例如上面两例 中,SelectListItem的Text和Value本来是User对象的Name和Age属性,然而上面的代码却丝毫体现不出这种对应关系。如果 User列表是从数据库或其他外部资源中获得的,我们难道要用这样的方式来绑定吗?

var users = GetUsers();    
foreach (var user in users)    
{    
    items.Add(new SelectListItem { Text = user.Name, Value = user.Age.ToString() });    
} 

这显然是我们所无法容忍的。那么什么是最佳实践呢?

ASP.NET MVC为DropDownList和ListBox(都在html中使用select标记)准备了一个辅助类型:SelectList。SelectList继承自MultiSelectList,而后者实现了IEnumerable。也就是说,SelectList可以直接作为Html.DropDownList方法的第二个参数。

MultiSelectList包含四个属性,分别为:

Items:用于在select标记中出现的列表,通常使用option标记表示。IEnumerable类型。

DataTextField:作为option的text项,string类型。

DataValueField:作为option的value项,string类型。

SelectedValues:选中项的value值,IEnumerable类型。

显然,作为DropDownList来说,选中项不可能为IEnumerable,因此SelectList提供了一个新的属性:

SelectedValue:选中项的value值,object类型。

同时,SelectList的构造函数如下所示:

public SelectList(IEnumerable items, string dataValueField, string dataTextField, object selectedValue)    
    : base(items, dataValueField, dataTextField, ToEnumerable(selectedValue)) {    
    SelectedValue = selectedValue;    
}  

于是我们的代码变为:

var users = GetUsers();   
var selectList = newSelectList(users, "Age", "Name", "24");   
this.ViewData["list"] = selectList;    <br> <%=Html.DropDownList("list")%>  

mvc3里面的表示:

控制器代码:

List<A_MuData> categories = base.CustomerInfo.GetModel() asList<A_MuData>;<br>List<A_MuData> DefaultSelect = base.CustomerInfo.GetModel(ObID) asList<A_MuData>;
var selectList = newSelectList(categories, "EqManufacturers", "EqManufacturers", DefaultSelect[0]);
ViewData["A_MuData_type"] = selectList;<br>un.dt = base.CustomerInfo.SelectModel(ObID);
returnView(un);
视图代码:
 @Html.DropDownList("un.categories", ViewData["A_MuData_type"] as SelectList)

当然,你也可以使用不带selectedValue参数的构造函数重载,而在view中显式指定IEnumerable,并在ViewData或view model中指定其他与DropDownList同名的项作为默认选项。

最后让我们来回顾一下DropDownList的三种用法:

建立IEnumerable并在其中指定默认选中项。

建立IEnumerable,在单独的ViewData项或view model的属性中指定默认选中项。

使用SelectList。

附带案例:

publicstaticList<SelectListItem> GetDistrictList(stringRid)
       {
           List<XueDa.Model.District> list = XueDa.Caching.DistrictCache.GetCacheDistrictList();
           List<SelectListItem> selectlistDistrict = newList<SelectListItem>();
           foreach(XueDa.Model.District item inlist)
           {
               if(Rid == item.Rid.ToString())
               {
                   selectlistDistrict.Add(newSelectListItem()
                   {
                       Text = item.DistrictName,
                       Value = item.Rid.ToString(),
                       Selected = true
                   });
               }
               else
               {
                   selectlistDistrict.Add(newSelectListItem()
                   {
                       Text = item.DistrictName,
                       Value = item.Rid.ToString()
                   });
               }
           }
           selectlistDistrict.Insert(0, newSelectListItem()
           {
               Text = "请选择",
               Value = "0",
               Selected = true
           });
           returnselectlistDistrict;
       }
       @Html.DropDownList("ID", newList<SelectListItem>(newList<SelectListItem>() { newSelectListItem() { Text = "请选择", Value = "0"} }), new{ style = " 140px"})

上面那个是绑定数据库字段 编辑默认选中 ,有时候是我们自己创建 的不数据库的数据 的案例:

publicActionResult EditCustomer(stringname)
     {
         stringselect = string.Empty;
         intetid =int.Parse(EditID);
         A_CustomerInfoModel model = newA_CustomerInfoModel();
         List<A_CustomerInfoModel> list = base.CustomerInfo.GetModelEdit(EditID) asList<A_CustomerInfoModel>;
         if(list.Count > 0)
         {
             foreach(A_CustomerInfoModel item inlist)
             {
                 #region 绑定droplist
                 List<SelectListItem> items = newList<SelectListItem>();
                 items.Add(newSelectListItem { Text = "Personal", Value = "0"});
                 items.Add(newSelectListItem { Text = "Company", Value = "1"});
                 foreach(SelectListItem item_sp initems)
                 {
                     if(item_sp.Value == item.A_CutomerType)
                     {
                        this.ViewData["selected"]=item.A_CutomerType;                          
                     }
                 }
                 this.ViewData["list"] = items;
                 #endregion
 
                 model.A_Customer_Name = item.A_Customer_Name;
                 model.Homepage = item.Homepage;
                 model.A_province = item.A_province;
                 model.A_city = item.A_city;
                 model.A_Customer_Address = item.A_Customer_Address;
                 model.A_Customer_Post = item.A_Customer_Post;
                 model.A_Contactperson = item.A_Contactperson;
                 model.A_Contacter_Tel = item.A_Contacter_Tel;
                 model.A_IDcardNo = item.A_IDcardNo;
                 model.A_Contacter_fax = item.A_Contacter_fax;
                 model.A_Contacter_email = item.A_Contacter_email;
             }
             returnView(model);
         }
         else
         {
             //没有数据
             returnView();
         }         
     }

视图:@Html.DropDownList("selected", ViewData["list"] as IEnumerable<SelectListItem> )

免责声明:文章转载自《MVC中 DropDownList编辑默认选中的使用》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇jQuery 的 ready 函数是如何工作的?(源码分析)ubuntu 系统 备份与恢复下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Springcloud之gateway配置及swagger集成

前言 关于引入gateway的好处我网上找了下: 性能:API高可用,负载均衡,容错机制。 安全:权限身份认证、脱敏,流量清洗,后端签名(保证全链路可信调用),黑名单(非法调用的限制)。 日志:日志记录(spainid,traceid)一旦涉及分布式,全链路跟踪必不可少。 缓存:数据缓存。监控:记录请求响应数据,api耗时分析,性能监控。 限流:流量控制...

实现客户端程序自动更新使用FTP

 最近做的一个项目中需要用到客户端自动更新功能,最初的想法是利用ClickOnce技术来完成,但在实践中发现根本行不能,原因如下: 1)项目应用到了DevExpress控件包,用ClickOnce发布的自动更新程序,客户在安装时报在GAC中找不到控件dll的错。 2)ClickOnce安装无法实现根据用户安装时录入的参数(比如数据库服务器名、数据库用户名...

yarn 常用命令

yarn addyarn add [package]@[version]这将安装您的dependencies中的一个或多个包。用 --dev 或 -D 会在 devDependencies 里安装一个或多个包。 yarn global add <package...>全局安装依赖。对于绝大部分包来说,这是个坏习惯,因为它们是隐藏的。 最好本...

vb mid函数的使用方法详细介绍

mid函数从字符串中返回指定数量的字符。 语法 Mid(string, start[, length]) 对语法的理解就是:返回string中从start开始的后面的length长度的字符串 string是必需的参数,如果string包含Null,返回结果也将是Null。 start必需的参数,string中被取出部分的字符位置。需要注意的是如果start超...

C#把数字转换为大写金额

 private string ToBigNumber(long number)        {            // 12345 一万贰仟叁佰肆拾伍            string[] mm ={ "", "拾", "佰", "仟", "万", "拾", "佰",                           "仟", "亿", "拾"...

git第一节----git config配置

@查看git的版本   git --version @查看git配置信息   git config --list config list分全局和局部,在根目录下执行git config --list显示为全局配置,在git的仓库目录下执行,显示的是全局和局部的配置信息。 @配置git的全局邮箱和用户名使用   git config --global  us...