zoukankan      html  css  js  c++  java
  • MVC DropDownList编辑默认选中

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

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

    public static string DropDownList(this HtmlHelper htmlHelper,     
        string name,     
        IEnumerable<SelectListItem> selectList,     
        string optionLabel,     
        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 = new List<SelectListItem>();    
        items.Add(new SelectListItem { Text = "Kirin", Value = "29" });    
        items.Add(new SelectListItem { Text = "Jade", Value = "28"});    
        items.Add(new SelectListItem { Text = "Yao", Value = "24"});    
        this.ViewData["list"] = items;    
        this.ViewData["selected"] = 24;   
          
        <%=Html.DropDownList("selected", ViewData["list"] as IEnumerable<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 = new SelectList(users, "Age", "Name", "24");    
    this.ViewData["list"] = selectList;    
    <%=Html.DropDownList("list")%>

    mvc3里面的表示:

    控制器代码:

    List<A_MuData> categories = base.CustomerInfo.GetModel() as List<A_MuData>;
    List<A_MuData> DefaultSelect = base.CustomerInfo.GetModel(ObID) as List<A_MuData>; var selectList = new SelectList(categories, "EqManufacturers", "EqManufacturers", DefaultSelect[0]); ViewData["A_MuData_type"] = selectList;
    un.dt = base.CustomerInfo.SelectModel(ObID); return View(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。

    附带案例:

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

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

       public ActionResult EditCustomer(string name)
            {
                string select = string.Empty;
                int etid =int.Parse(EditID);
                A_CustomerInfoModel model = new A_CustomerInfoModel();
                List<A_CustomerInfoModel> list = base.CustomerInfo.GetModelEdit(EditID) as List<A_CustomerInfoModel>;
                if (list.Count > 0)
                {
                    foreach (A_CustomerInfoModel item in list)
                    {
                        #region 绑定droplist
                        List<SelectListItem> items = new List<SelectListItem>();
                        items.Add(new SelectListItem { Text = "Personal", Value = "0" });
                        items.Add(new SelectListItem { Text = "Company", Value = "1"});
                        foreach (SelectListItem item_sp in items)
                        {
                            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;
                    }
                    return View(model);
                }
                else
                {
                    //没有数据
                    return View();
                }          
            }
    

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

  • 相关阅读:
    ionic开发遇到的问题总结
    promise和Rxjs的一点区别
    angular2组件通信
    神奇的函数作用域
    vue模板的几种写法及变化
    在安卓上,微信公众号无法分享到QQ的解决办法之一
    mysql忘记密码
    无法远程连接服务器上的mysql
    gitHub 基础命令
    linux安装Node(Centos)
  • 原文地址:https://www.cnblogs.com/y112102/p/2602152.html
Copyright © 2011-2022 走看看