Asp.net MVC3 关于@Html中ListBox、DropDownList使用

转载 2016年08月30日 15:02:35

ListBox,DropDownList都是通过使用指定的 HTML 帮助器和窗体字段的名称,返回单选select 元素。

同属于SelectExtensions 类

1、@Html.ListBox()
通过使用指定的 HTML 帮助器、窗体字段的名称、指定的列表项和指定的 HTML 特性,返回多选 select 元素
主要参数有
string name, //要返回的窗体字段的名称
IEnumerable<SelectListItem> selectList, // 一个用于填充下拉列表的 SelectListItem 对象的集合。
IDictionary<string, Object> htmlAttributes // 一个对象,其中包含要为该元素设置的 HTML 特性。可以设置宽度等样式

[csharp] view plain copy
  1. @{  
  2.            List<string> listBox=new List<string>();  
  3.            listBox.Add("第一");  
  4.            listBox.Add("第二");  
  5.            listBox.Add("第三");   
  6.        }       
  7.       @{  
  8.             List<string> listBoxSelectd=new List<string>();  
  9.             listBoxSelectd.Add("第一");  
  10.             listBoxSelectd.Add("第二");  
  11.        
  12.       }  

例:绑定listBox信息,并初始以“第二”为选中状态,指定一个选中状态
调用:
[csharp] view plain copy
  1. @Html.ListBox("listName"new SelectList(listBox,"第二"), new { style="width:200px"})  
  2.      输出:  
  3.      <select id="listName" multiple="multiple" name="listName" style="width:200px">  
  4.             <option>第一</option>  
  5.             <option selected="selected">第二</option>  
  6.             <option>第三</option>  
  7.     </select>  
用new MultiSelectList()可以指定返回多个选中的值
[csharp] view plain copy
  1. @Html.ListBox("moreListName"new MultiSelectList(listBox, listBoxSelectd))  
  2.  输出:  
  3.  <select id="moreListName" multiple="multiple" name="moreListName">  
  4.  <option selected="selected">第一</option>  
  5.  <option selected="selected">第二</option>  
  6.  <option>第三</option>      
  7.  </select>  
获取选中项:
在页面提交的时候,用request或者FormCollection collection对象进行值的获取
如Request["listName"]、collection["moreListName"] 获取多个选择值时,中间以","号隔开返回
    b.@Html.ListBoxFor()
    通过使用指定的 HTML 帮助器、窗体字段的名称、指定的列表项和指定的 HTML 特性,返回多选 select 元素
常用方法:
[csharp] view plain copy
  1. @Html.ListBoxFor(mo => mo.name, new SelectList(Model.Students, "ID""Name"),  
  2.     new {style="width:200px"})  
Model.Students:为输出的list对象
ID,Name分别为对象中的两个属性
2、@Html.DropDownList()
返回select的下拉列表框
使用例子:

[csharp] view plain copy
  1.   @Html.DropDownList("ddlValue"new SelectList(new[] { "One""Two" },"Two"),  
  2. new { style="width:200px"})  
  3. 输出:  
  4.  <select id="ddlValue" name="ddlValue" style="width:200px">  
  5.  <option>One</option>  
  6.  <option selected="selected">Two</option>  
  7.  </select>  
@Html.DropDownListFor()
用法和@Html.ListBoxFor()类似,主要是针对强类型
[csharp] view plain copy
  1. @Html.DropDownListFor(mo => mo.name, new SelectList(Model.Students, "ID""Name"),  
  2.     new {style="width:200px"})  
返回下来列表框
[html] view plain copy
  1. <pre></pre>  
  2. <pre></pre>  
  3. <pre></pre>  
  4. <pre></pre>  
  5.      

ASP.NET MVC 3 网站优化总结(六)压缩 HTML

压缩 html 可以去除代码中无用的空格等,这样可提高网站的加载速度并节省带宽。今天就让我们看看在 ASP.NET MVC 3 怎么实现 html 压缩,我们可通过实现 ActionFilter 来完...
  • jurken
  • jurken
  • 2013年12月24日 14:27
  • 946

[Asp.Net]4种方法把数据绑定到Dropdownlist

第一种,把Array数组绑到dropdownlist 程序代码string[] Month =new string[7]{ "January", "February", "March", "April...
  • david_520042
  • david_520042
  • 2015年04月28日 19:12
  • 2475

asp.net中DropDownList控件各种属性研究汇总

.aspx代码如下: AutoPostBack="True" > ...
  • yayun0516
  • yayun0516
  • 2014年12月08日 10:02
  • 1759

asp.net js实现dropdownlist二级联动(动态)

ASPX端代码: http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/...
  • lishimin1012
  • lishimin1012
  • 2014年06月26日 21:06
  • 3198

两种添加数据到dropdownlist控件的方法_asp.net技巧

给dropdownlist添加数据
  • u011069590
  • u011069590
  • 2015年09月10日 09:43
  • 1490

asp.net中两个ListBox 左右互相移动,以及上移、下移 .

[csharp] view plaincopyprint?                               "leftListBox" runat="server" Widt...
  • snihcel
  • snihcel
  • 2013年04月01日 16:59
  • 728

asp.net中ListBox控件经典实例(反向遍历)

.aspx代码如下: ListBox控件练习:  
  • yayun0516
  • yayun0516
  • 2014年11月29日 10:43
  • 1046

【.net基础】--DropDownList控件:两级联动

最近学习Asp.Net,发现很多控件都很有意思,例如:Canlender,AdRotator等。以前只知道有这样的页面效果,但是对这些控件了解并不多。不怕不知道,就怕不知道。...
  • successA
  • successA
  • 2015年05月11日 16:45
  • 1666

asp DropDownList下拉列表的使用(转)

下拉列表也是Web开发中常用的控件之一,用来从一组可选项中选取一项。FineUI中的下拉列表不仅可以通过ASPX标签声明,也可以绑定到各种数据源。FineUI还根据实际项目的需要,扩展了一种模拟树的下...
  • langjian2012
  • langjian2012
  • 2014年03月06日 16:56
  • 2258

asp.net 2个ListBox之间转移数据的实现

2个ListBox之间转移数据,通常左侧的是从数据库动态读取出来的数据,然后右侧是用户从左侧选择数据项后添加的,这种情况在设置权限等场合经常用到,如下图:功能实现起来也很简单,实现方法如下:    ...
  • taomanman
  • taomanman
  • 2015年01月10日 21:28
  • 1568
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:Asp.net MVC3 关于@Html中ListBox、DropDownList使用
举报原因:
原因补充:

(最多只允许输入30个字)