ASP.NET MVC3 Drilldown Checkboxlist

Question

Может кто-нибудь помочь советом или готовым решением, как реализовать такой список флажков, как на экране ниже?

Спасибо!

Answer 1

Вы можете проверить плагин checkboxtree jQuery.За кулисами разметка будет состоять из вложенных неупорядоченных списков и обычных флажков.Должно облегчить интеграцию в решение MVC.

Answer 2

проверьте этот вопрос , в котором точно обсуждается та же проблема.Я лично использовал Dynatree , и у меня все работает нормально.Вы также можете просмотреть дерево telerik , если вы заинтересованы в элементах управления telerik.

Answer 3

Я написал серию по иерархическим данным , в частности, используя MVC 3 и Razor для визуализации "деревьев".Использование этого подхода может просто очистить, куда идет ваша логика проверки, и это дает хороший способ отделить логику представления, которая отображает дерево, и логику представления, которая определяет каждый «узел» в дереве. Надеюсь, это поможет

Answer 4

Редактировать заметку: я вижу, что вы проверили asp.net и mvc 2. Это решение для asp.net.

То, на что это похоже, представляет собой древовидную структуру с флажками. Это элемент управления по умолчанию ASP.net. Чтобы получить полосы прокрутки, вы можете поместить их внутри div и установить высоту с помощью css. Аналогично, для создания самого дерева вы можете использовать CSS для его стилизации.

В фокусе Treeview находится свойство ShowCheckBoxes. Вы можете включить флажки на всех узлах, листьях, родителях и т. Д. Поэтому измените это свойство по мере необходимости. Конечно, вы можете привязать данные к древовидной структуре, если вам нужно.

<asp:TreeView ID="tv" runat="server" ShowCheckBoxes="All">
    <Nodes>
        <asp:TreeNode Text="New Node" Value="New Node"></asp:TreeNode>
        <asp:TreeNode Text="New Node" Value="New Node">
            <asp:TreeNode Text="New Node" Value="New Node">
                <asp:TreeNode Text="New Node" Value="New Node"></asp:TreeNode>
                <asp:TreeNode Text="New Node" Value="New Node"></asp:TreeNode>
            </asp:TreeNode>
            <asp:TreeNode Text="New Node" Value="New Node">
                <asp:TreeNode Text="New Node" Value="New Node"></asp:TreeNode>
            </asp:TreeNode>
            <asp:TreeNode Text="New Node" Value="New Node"></asp:TreeNode>
        </asp:TreeNode>
        <asp:TreeNode Text="New Node" Value="New Node">
            <asp:TreeNode Text="New Node" Value="New Node"></asp:TreeNode>
        </asp:TreeNode>
    </Nodes>

</asp:TreeView>