jquery ztree的一些简单操作-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

jquery ztree的一些简单操作

一、显示ztree 的节点

成都创新互联公司-专业网站定制、快速模板网站建设、高性价比明水网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式明水网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖明水地区。费用合理售后完善,十载实体公司更值得信赖。

1,前台转换显示 :

    通过jquery ajax 获得节点集合: nodelist

    将数据转换成指定格式:

    var treeNodes = [];

    for(var i = 0; i < nodelist.length; i++){

    treeNodes.push({id:nodelist[i].bm, parentId:nodelist[i].sjbm, name:nodelist[i].mc,open: ((nodelist[i].sjbm=='0000000') ? true : false),

    tag:result[i]});

    }

    $.fn.zTree.init($("#tree"),selectionSetting, treeNodes);(selectionSetting 的定义省略)

    2,后台转换显示:

    代码:

    /**

    * 将科目数据转化成json格式的数据用于树控件

    */

    public String getsubjectAll() {

    JSONArray jsonArr = new JSONArray();

    try {

    List subjects = subjectDao.getSubjectAll();

    for (HdzxKm subject : subjects) {

    JSONObject json = new JSONObject();

    json.put("id", subject.getBm());

    json.put("name", subject.getMc());

    if(如果是父级){

    json.put("open", false);

    json.put("parentId", subject.getSjbm());

    jsonArr.add(json);

    }

    } catch (Exception e) {

    e.printStackTrace();

    }

    return jsonArr.toString();

    }

    前台获得该方法返回的数据,就不用转换直接:

    $.fn.zTree.init($("#tree"),selectionSetting, treeNodes);(selectionSetting 的定义省略)

    treeNodes 为后台返回的数据

    二、根据节点的id选中指定节点

    var treeObj = $.fn.zTree.getZTreeObj("tree");

    treeObj.selectNode(treeObj.getNodeByParam("id","000000000000", null));(000000000000:节点Id的值)

    三、自定义修改节点的名称(根据节点id值)

    var treeObj = $.fn.zTree.getZTreeObj("tree");

    var node = treeObj.getNodeByParam("id", id的值, null);

    node.name="xxxxx";

    treeObj.updateNode(node,true);(此处为更新节点值,此步不能省)

    四、新增节点

    var treeObj = $.fn.zTree.getZTreeObj("tree");

    var node = treeObj.getNodeByParam("id", xxx, null);

    treeObj.addNodes(node, {id :xxx,parentId :xxx,name : xxx});

    五、有复选框是,选中指定节点

    var zTree =$.fn.zTree.getZTreeObj("tree");

    var node=zTree.getNodeByParam("id",id值, null);

    zTree.checkNode(node);


    标题名称:jquery ztree的一些简单操作
    URL标题:http://kswsj.cn/article/jhieoo.html

    其他资讯