我们如何从代码隐藏的Boostrap Multiselect生成OptGroups?

时间:2016-10-31 15:35:08

标签: c# asp.net twitter-bootstrap bootstrap-multiselect

我使用过GitHub的this bootstrap multiselect插件。

OptGroup上有read their documentation。我可以通过从ASPX页面放置组选项来查看这些组。

如何在添加列表项时从代码生成OptGroups?是否存在我需要添加的属性,或者根本无法使用代码?

我有动态列表选项,所以我必须使用数据源背后的代码来绑定我的数据源。

ASPX

<asp:ListBox ID="lstFruits" runat="server" SelectionMode="Multiple" />

插件初始化

<script type="text/javascript">
        $(document).ready(function () {
            $('[id*=lstFruits]').multiselect({
                includeSelectAllOption: true,
                enableFiltering: true,
                buttonWidth: '50%',
                maxHeight: 200,
                nonSelectedText: 'Select user(s) to send notices...',
                enableCaseInsensitiveFiltering: true,
                enableClickableOptGroups: true,
                enableCollapsibleOptGroups: true,

            });
        });
</script>

背后的示例代码:

//Group 1
ListItem item1 = new ListItem("Option 1", "1");
ListItem item2 = new ListItem("Option 2", "2");
ListItem item3 = new ListItem("Option 3", "3");
ListItem item4 = new ListItem("Option 4", "4");

//Group 2

ListItem item5 = new ListItem("Option 5", "5");
ListItem item6 = new ListItem("Option 6", "6");
ListItem item7 = new ListItem("Option 7", "7");
ListItem item8 = new ListItem("Option 8", "8");
ListItem item9 = new ListItem("Option 9", "9");

lstFruits.Items.Add(item1);
lstFruits.Items.Add(item2);
lstFruits.Items.Add(item3);
lstFruits.Items.Add(item4);
lstFruits.Items.Add(item5);
lstFruits.Items.Add(item6);
lstFruits.Items.Add(item7);
lstFruits.Items.Add(item8);
lstFruits.Items.Add(item9);

我已经在SO上调查了this question。它与此插件无关。虽然,我仍然在我的代码后面添加了这段代码。它仍然无效。

item1.Attributes["OptionGroup"] = "Group 1";

0 个答案:

没有答案