ZTree使用demo

var url = "/GoodsManager/Category/GetCategoryZTreeJson.ashx";
var zTree;
var treeNodes;
//zTree基本设置  
var setting = {
    showLine: true, //是否显示节点间的连线  
    checkable: true,
    checkStyle: "radio",
    checkRadioType: "all",
    //async : true, //需要采用异步方式获取子节点数据,默认false  
    //asyncUrl : url, //当 async = true 时，设置异步获取节点的 URL 地址 ,允许接收 function 的引用  
    //asyncParam : ["CategoryId"], //提交的与节点数据相关的必需参数  
    isSimpleData: true, //数据是否采用简单 Array 格式，默认false  
    treeNodeKey: "CategoryId", //在isSimpleData格式下，当前节点id属性  
    treeNodeParentKey: "ParentId", //在isSimpleData格式下，当前节点的父节点id属性  
    nameCol: "Name",            //在isSimpleData格式下，当前节点名称  
    expandSpeed: "fast", //设置 zTree节点展开、折叠时的动画速度或取消动画(三种默认定义："slow", "normal", "fast")或 表示动画时长的毫秒数值(如：1000)          
    checkType: { "Y": "ps", "N": "ps" },
    callback: { //回调函数                              
        dblclick: zTreeOnDblclick
    }
};
  
<!---------------------------双击事件---------------------------------->
 function zTreeOnDblclick(event, treeId, treeNode) {
        if (!treeNode.isParent) {
            var ddlFather = $("#ddlCategory");
            $('#dd').dialog('close');
            ddlFather.empty();
            ddlFather.append("<option value='-1'>请选择商品分类</option>");
            ddlFather.append($("<option value='" + treeNode.CategoryId + "' >" + treeNode.Name + "</option>"));
            ddlFather[0].selectedIndex = 1;
        }
    }


<!-------------------加载数据----------------------------------------------->
$.ajax({//处理树的基本数据，分类的数据
                async: false,
                cache: false,
                type: 'POST',
                dataType: "json",
                url: url, //请求的action路径  
                error: function () {//请求失败处理函数 
                },
                success: function (data) { //请求成功后处理函数。                       
                    treeNodes = data;   //把后台封装好的简单Json格式赋给treeNodes
                }
            });  //ajax
            zTree = $("#ztree_category").zTree(setting, treeNodes);

 

转载于:https://www.cnblogs.com/yuzhengdong/p/4576245.html