-

TLv8 树形组件

Class Jtree

树形类

var param = {
        cell : {
        id : "SID",//设置构建树的id
        name : "SNAME",//树显示的名称
        parent : "SPARENT",//表示树的层级
        other:"SFID,SFNAME,SORGKINDID",
        tableName : "SA_OPOrg",//对应的表名
        databaseName:"system"//数据库
            }
          };
   var setting = {
        view: {
         selectedMulti: false, //设置是否允许同时选中多个节点。默认值: true
         autoCancelSelected: false,
         dblClickExpand: true
            },
        data : {
         simpleData : {
         enable : true//确定 JTree 初始化时的节点数据
                }
            },
        async : {
         enable : true,//异步
         url : "TreeSelectAction",//异步交互的action
         autoParam : [ "id=currenid" ] ,//异步需要的参数
         type: "post"

            },
        isquickPosition : {
         enable : false, //是否有快速查询框
         url : "TreeSelectAction"
                  },
       edit:{
         enable:true,//设置 Tree 是否处于编辑状态
         showRemoveBth:true,//设置是否显示删除按钮
         showRenameBtn: true,//设置是否显示编辑名称按钮
        drag:{
         prev:true,//拖拽到目标节点时,设置是否允许移动到目标节点前面的操作
         inner:true,//拖拽到目标节点时,设置是否允许成为目标节点的子节点
         next:true,//拖拽到目标节点时,设置是否允许移动到目标节点后面的操作
         isCopy:false,//拖拽时, 设置是否允许复制节点
         isMove:true//拖拽时, 设置是否允许移动节点
            }
          },
        callback:{
         beforeDrag:beforeDrag,
         beforeDrop: zTreeBeforeDrop,
         onRename: zTreeOnRename,//用于捕获节点编辑名称结束(Input 失去焦点 或 按下 Enter 键)之后
         beforeRemove: zTreeBeforeRemove
            }
             }

    var JtreeDemo = new Jtree();
    var treebody = "JtreeDemo"
   JtreeDemo.init(treebody, setting, param);

快速定位树节点(模糊查询)

Jtree.quickPosition(text);

setting{isquickPosition :{enable : fase, //是否有快速查询框 ...}}



Powered By layui