一、直接上代码

这种基于服务器端生成Html结构，直接渲染为树，能很好的解决大树的问题。

@{ViewData["Title"] = "Home Page";Layout = null;
}
<link href="~/jstree/themes/default/style.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.1/jquery.min.js"></script>
<script src="~/jstree/jstree.min.js"></script>
<style type="text/css"></style>
<div class="text-center"><div id="jstree" ><ul><li>Root node 1<ul><li id="child_node_1">Child node 1</li><li>Child node 2</li></ul></li><li>Root node 2</li></ul></div><script>$(function () {$('#jstree').jstree({"plugins": ["checkbox"]});});</script>
</div>

二、运行效果

github：GitHub - vakata/jstree: jquery tree plugin