Javascript 使用list
我正在MVC4 Razor视图中使用twitter引导多选择下拉列表Javascript 使用list,javascript,jquery,twitter-bootstrap,asp.net-mvc-4,bootstrap-multiselect,Javascript,Jquery,Twitter Bootstrap,Asp.net Mvc 4,Bootstrap Multiselect,我正在MVC4 Razor视图中使用twitter引导多选择下拉列表 @Html.DropDownListFor(m => m.States, Model.States, new { @class = "form-control", id = "ddlState", placeholder = "Select State" }) 我将其用作单选下拉列表,即没有“多个”属性 $('#ddlState').multiselect({ enableFiltering:
@Html.DropDownListFor(m => m.States, Model.States, new { @class = "form-control", id = "ddlState", placeholder = "Select State" })
我将其用作单选下拉列表,即没有“多个”属性
$('#ddlState').multiselect({
enableFiltering: true,
nonSelectedText: 'Select State',
enableCaseInsensitiveFiltering: true,
maxHeight: 200
});
我正在使用SelectListItem填充上面的下拉列表
以下面的方式
public List<SelectListItem> BindStates()
{
DataSet ds = new DataSet();
ds = (DataSet)Session["SDMVTMasterDropDownData"];
List<SelectListItem> states = new List<SelectListItem>();
states = (from DataRow dr in ds.Tables[0].Rows
select new SelectListItem()
{
Text = (dr["StateName"]).ToString(),
Value = dr["StateId"].ToString(),
Selected = (bool)dr["SelectedStatus"],
}).ToList();
return states;
}
但问题是,即使我将Selected属性设置为true,下拉列表也不会选择相应的列表项
默认情况下,将选择列表中的第一项
在浏览互联网时,我注意到可以使用selected='selected'属性设置所选选项
像这样,
<script type="text/javascript">
$('#example-single-selected').multiselect();
</script>
<select id="example-single-selected">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3" selected="selected">Option 3</option>
<option value="4">Option 4</option>
<option value="5">Option 5</option>
<option value="6">Option 6</option>
</select>
但这是静态的方式,如何在从控制器填充列表时实现这一点
以下是此引导multiselect下拉列表的参考文档链接1您不能将同一名称用于绑定到的属性和SelectList 2如果您想要使用multiple,请使用ListBoxFor,not DropDownList for 3设置当您绑定到模型时,所选值将被忽略-它是确定所选内容的属性值selected@StephenMuecke如果你不介意的话,请你详细说明一下好吗?我没有收到你的信point@i不想使用多选下拉列表,我只需要单选,但由于在我的应用程序的所有剩余页面中,我都使用了bootstrap multiselect控件,因此我使用相同的控件来保持外观的一致性。我们的模型需要绑定一个属性int SelectedState,以及选项的IEnumerable状态列表。然后设置model.SelectedState=3;在将模型传递给视图之前的GET方法中,将选择第二个选项BIHAR,并删除不必要的SelectListItem。选定值视图为@Html.DropDownListForm=>m.SelectedState,model.StatesList。。。
<script type="text/javascript">
$('#example-single-selected').multiselect();
</script>
<select id="example-single-selected">
<option value="1">Option 1</option>
<option value="2">Option 2</option>
<option value="3" selected="selected">Option 3</option>
<option value="4">Option 4</option>
<option value="5">Option 5</option>
<option value="6">Option 6</option>
</select>