View代码:

                @* treeNodes参数可以为空，通过ViewData传值，ViewData的名字与name参数的名字必须一样*@
                @Html.Tree("TreeAsyncDemo",TreeOptions.New()
                                                    .SetAsyncUrl(Url.Action("AsyncGetTreeNodes")))
                

Action代码：

        /// <summary>
        /// 异步加载父节点获取子节点
        /// </summary>
        /// <param name="parentId">父节点ID (参数名称必须是parentId 注意大小写)</param>
        /// <returns></returns>
        [HttpPost]
        public JsonResult AsyncGetTreeNodes(string parentId)
        {
             //GetTreeBuilderNodes()此方法用于异步加载提供数据 返回数据类型(List<TreeNode>)
            //筛选符合条件的子节点
            IEnumerable<Dictionary<string, object>> listTreeNodes = GetTreeBuilderNodes().FindAll
            (
            n => n.ParentId == parentId
            )
            .Select
            (
            n => n.ToUnobtrusiveHtmlAttributes()
            );
            return Json(listTreeNodes);
        }
         [HttpGet]
        public ActionResult TreeExample()
        {

             // GetInitTreeNodes() 此方法用于返回初始化数据的Tree集合(返回类型为List<TreeNode>)
            //示例异步加载
            ViewData["TreeAsyncDemo"] = GetInitTreeNodes();
            return View(null, "app-home-2cols");
        }
                

View代码：

        @* treeNodes参数可以为空，通过ViewData传值，ViewData的名字与name参数的名字必须一样*@
        @Html.Tree("TreeSinglePathDemo", TreeOptions.New()
                                                        .SinglePath(true))
                

Action代码：

        [HttpGet]
        public ActionResult TreeExample()
        {
            // GetInitTreeNodes() 此方法用于返回初始化数据的Tree集合(返回类型为List<TreeNode>)

            //示例单一路径
            ViewData["TreeSinglePathDemo"] = GetInitTreeNodes();
            return View(null, "app-home-2cols");
        }
                

View代码：

                        @Html.Tree("TreeEditDemo", TreeOptions.New()
                                                               .SetIsDrag(true)
                                                               .SetIsRename(true)
                                                               .SetIsRemove(true)
                                                               )
                

Action代码

                      [HttpGet]
        public ActionResult TreeExample()
        {
            // GetInitTreeNodes() 此方法用于返回初始化数据的Tree集合(返回类型为List<TreeNode>)

                     //示例拖拽
            ViewData["TreeEditDemo"] = GetInitTreeNodes();
            return View(null, "app-home-2cols");
        }
                

View代码：

                   @* 复选按钮*@
                  @Html.Tree("TreeCheck", TreeOptions.New()
                                                        .SetCheckStyle(ChoiceBoxType.Checkbox)
                                                        .SetAsyncUrl(Url.Action("AsyncGetTreeNodes")))
                  @* 单选按钮 如果设置单选按钮请设置单选按钮的范围 默认为层级范围(level)*@
                  @Html.Tree("TreeRadio", TreeOptions.New()
                                                        .SetCheckStyle(ChoiceBoxType.Radio)
                                                        .SetRadioType(RadioBoxType.Level)
                                                        .SetAsyncUrl(Url.Action("AsyncGetTreeNodes")))
                

Action代码

                      [HttpGet]
        public ActionResult TreeExample()
        {
            // GetInitTreeNodes() 此方法用于返回初始化数据的Tree集合(返回类型为List<TreeNode>)
            //示例复选框
            ViewData["TreeCheck"] = GetInitTreeNodes();
            //示例单选框
            ViewData["TreeRadio"] = GetInitTreeNodes();
            return View(null, "app-home-2cols");
        }
                

View代码：

                 @Html.Tree("TreeDemo", TreeOptions.New()
                                            .SetIsDrag(true)
                                            .SinglePath(true)
                                            .MergeTreeCallBack("onClick", "onClickFn")
                                            .SetAsyncUrl(Url.Action("AsyncGetTreeNodes"))
                                            .MergeTreeCallBack("onExpand", "addOnExpand")
                                            .MergeTreeCallBack("beforeExpand", "addBeforeExpand"))
                

Action代码：

                                   [HttpGet]
        public ActionResult TreeExample()
        {
            // GetInitTreeNodes() 此方法用于返回初始化数据的Tree集合(返回类型为List<TreeNode>)
            //示例事件
            ViewData["TreeDemo"] = GetInitTreeNodes();
            return View(null, "app-home-2cols");
        }

                     

Javascript代码：

                <script type="text/javascript" language="javascript">

                    function addOnExpand(event, treeId, treeNode) {
                        alert("示例触发展开后回调" + treeNode.name);
                    };
                    function onClickFn(event, treedId, treeNode, clickFlaf) {
                        alert("示例点击事件" + treeNode.tId + "," + treeNode.name);
                    }
                    function addBeforeExpand(treeId, treeNode) {
                        alert("示例触发展开前回调" + treeNode.name);
                    }
                </script>