TabTree调用方法

调用tabTree DEMO

定义一个table

<table id="tb"></table>

通过js进行调用

$(document).ready(function () {
        $('#tb').treegridData({                              // tb为table的id
            id: 'ASSET_CATEGORY_ID',                         // id为树数据的主键id字段名称
            parentColumn: 'PARENT_ID',                       // parentColumn为父节点字段名称
            rootParentId:'0',                                // 扩展根节点父节点ID值
            type: "GET",                                     // 请求数据的ajax类型
            url: '<%=basePath%>assetcategory/getData.do',    // 请求数据的ajax的url
            ajaxParams: {},                                  // 请求数据的ajax的data属性
            expandColumn: 1,                                 // 扩展在哪列上面显示展开按钮 add by yangb 20180426
            striped: true,                                   // 是否各行渐变色
            bordered: true,                                  // 是否显示边框
            expandAll: false,                                // 是否全部展开
            showTitle: false,                                // 扩展是否显示标题        add by yangb 20180426
            columns: [
                {
                    title: '分类ID',                          // title在当showTitle为true时，必填
                    field: 'ASSET_CATEGORY_ID',              // 必填
                    isHidden:true,                           // 扩展本字段是否隐藏 add by yangb 20180426
                    width:'15%'                              // 宽度选填
                },{
                    title: '分类名称',
                    field: 'CATEGORYNAME',
                    width:'55%'
                },{
                    title: '操作',                            // 如果有操作栏目，此JSON对象是必须存在的
                    isOperate: true,                         // 判断是否是操作栏
                    width:'30%'
                }
            ],
            operateButton:''                                  // 默认提供add、edit、del、hidden四中按钮,只有当isOperate属性为true时，此属性生效
        });
    });

注意

tabTree组件默认提供四个操作按钮，分别是增加子类、编辑、删除、隐藏
四个按钮不满足的情况下，可以在调用时自定义按钮，具体增加如下属性：

operateButton:'<button type=\"button\" class=\"btn btn-success btn-xs\" id=\"add\" style=\"margin-left: 10px;\">增加子类</button>' +
            '<button type=\"button\" class=\"btn btn-success btn-xs\" id=\"del\" style="margin-left: 10px;">删除</button>'