简体   繁体   English

使用Select2 jquery进行多次选择的ASP MVC下拉列表

[英]ASP MVC Dropdown list with Multiple Select using Select2 jquery

I have a control that needs to have multiple select options to create tokens. 我有一个控件,需要具有多个选择选项才能创建令牌。 Whenever the token is created or deleted DB call is generated. 每当创建或删除令牌时,都会生成数据库调用。 Now the problem is when I load a fresh page from the server there is no token in the control. 现在的问题是,当我从服务器加载新页面时,控件中没有令牌。 Following is my Razor code: 以下是我的剃刀代码:

@Html.DropDownList("ProjectIds", new MultiSelectList(projDDL.Items, "key", "value",Model.SelectedProject), new {@class = "form-control selectorBind", multiple = "multiple",@id= "myid" data_rowid = "ID", data_type="Project",data_myattr= "attr" })

projDDL is a dictionary that contains the dropdown list items projDDL是包含下拉列表项的字典

SelectedProject are also dictionary containing selected projects key, value SelectedProject也是包含所选项目键,值的字典

I have tried to follow this link MVC DropDown list with MultipleSelect but no luck. 我试图遵循此链接MVC DropDown列表,使用MultipleSelect但没有运气。

Loading tokens from server side is my problem. 从服务器端加载令牌是我的问题。 Though I know I can do it easily from Jquery but I want to use Razor for it. 虽然我知道我可以通过Jquery轻松完成此操作,但是我想使用Razor。

Solution Check out @Html.DropDownListFor vs @Html.ListBoxFor 解决方案 @Html.DropDownListFor@Html.DropDownListFor@Html.ListBoxFor

@Html.ListBoxFor(y => y.SelectedProjects, new MultiSelectList(projDDL.Items, "key", "value", Model.SelectedProjects), new { @class = "form-control selectorBind", multiple = "multiple", @id = @Model.SkillType+"Project_" + Model.ID, data_rowid = @Model.ID, data_type = "Project", data_myattr = "FK_ProjectID" })

检查@Html.DropDownListFor@Html.ListBoxFor之间的@Html.ListBoxFor以及何时使用什么

@Html.ListBoxFor(y => y.SelectedProjects, new MultiSelectList(projDDL.Items, "key", "value", Model.SelectedProjects), new { @class = "form-control selectorBind", multiple = "multiple", @id = @Model.SkillType+"Project_" + Model.ID, data_rowid = @Model.ID, data_type = "Project", data_myattr = "FK_ProjectID" })

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM