ASP.NET MVC3向下钻取复选框列表

Question

任何人都可以帮助提供建议或现成的解决方案，如何在下面的屏幕上实现这样的复选框列表？

谢谢！

Answer 1

您可以查看checkboxtree jQuery插件。在幕后，标记将由嵌套的无序列表和常规复选框组成。应该可以很容易地集成到MVC解决方案中。

Answer 2

查看这个question，它正在讨论同样的问题。我亲自使用Dynatree，它对我来说没问题。如果您对telerik控件感兴趣，也可以浏览telerik's treeview。

Answer 3

编辑注释：我看到你检查了asp.net和mvc 2。这个解决方案适用于asp.net。

它看起来像是带有复选框的树视图。 这是ASP.net的默认控件。要获得滚动条，您可以将其放在div中并使用css设置高度。同样，对于treeview本身的syling，你可以使用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>

Answer 4

我写了一个series on hierarchical data，特别是使用MVC 3和Razor来很好地呈现“树”。使用这种方法可能只是清理验证逻辑所在的位置，它可以很好地分离出渲染树的视图逻辑和定义树中每个“节点”的视图逻辑。希望它有帮助