Harvest Chosen jQuery插件显示以前选择和保存的数据

时间:2012-07-15 21:49:19

标签: jquery asp.net-mvc-3

我已将Harvest Chosen插件添加到我的MVC3应用程序中,我可以从实体加载项目。我可以通过EF将所选项目保存回另一个表格。我的问题是如何在选择的下拉列表中显示以前保存的项目选择(显示)?

我应该使用两个选择的下拉菜单吗?下拉A具有表A中的列表,下拉B具有来自表B的已保存项目。如果是这样,那么我想我需要编写代码以确保选择下拉A不再具有现在在选择下拉列表B中的项目?或者,我可以使用一个Chosen Dropdown吗?

如果我将表B加载到Chosen Dropdown B,那么我希望这些项目在Dropdown中(不显示为选中)。我看了一眼,但我显然错过了一些东西:(

全部谢谢!

1 个答案:

答案 0 :(得分:0)

我解决了,是的,我的jQuery技能确实需要一些工作! 我最初使用的是一系列项目,并尝试内联所有内容:

<div class="editor-field">
   @Html.ListBox("ParticipantsList", Model.Participants,
         new { @class = "chzn-select", data_placeholder = "Select Participants...", style = "width:350px;" })
</div>

“ParticipantsList”是我的id,值对的集合。 Model.Participants是我模型中的集合,我有Script标签来引用Chosen插件。然后,我无处可为我的集合中的每个项目设置选项选项。

我改变了选择的剧本:

       <script>
        jQuery(document).ready(function () {jQuery(".chosen").data("ParticipantsList", "Select Frameworks...").chosen();});
       </script>

然后使用foreach循环迭代集合并设置每个项目Selected属性:

       <select class="chosen" multiple="true" style="width:400px;">
          @foreach(var item in Model.Friends)
             {
                <option selected="selected">@item.Text</option>
             }
       </select>

希望有人帮助......