|
|
@ -1,152 +0,0 @@
|
|
|
|
/**
|
|
|
|
|
|
|
|
* 初始化 Tree Table 的封装
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
(function () {
|
|
|
|
|
|
|
|
var TreeTable = function (tableId, url, columns) {
|
|
|
|
|
|
|
|
this.btInstance = null; //jquery和bootstrapTreeTable绑定的对象
|
|
|
|
|
|
|
|
this.bstableId = tableId;
|
|
|
|
|
|
|
|
this.url = url;
|
|
|
|
|
|
|
|
this.method = "GET";
|
|
|
|
|
|
|
|
this.columns = columns;
|
|
|
|
|
|
|
|
this.data = {};// ajax的参数
|
|
|
|
|
|
|
|
this.expandColumn = null;// 展开显示的列
|
|
|
|
|
|
|
|
this.id = 'menuId';// 选取记录返回的值
|
|
|
|
|
|
|
|
this.code = 'menuId';// 用于设置父子关系
|
|
|
|
|
|
|
|
this.parentCode = 'parentId';// 用于设置父子关系
|
|
|
|
|
|
|
|
this.expandAll = false;// 是否默认全部展开
|
|
|
|
|
|
|
|
this.toolbarId = tableId + "Toolbar";
|
|
|
|
|
|
|
|
this.height = 430;
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
TreeTable.prototype = {
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
|
|
* 初始化bootstrap table
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
init: function () {
|
|
|
|
|
|
|
|
var tableId = this.bstableId;
|
|
|
|
|
|
|
|
this.btInstance =
|
|
|
|
|
|
|
|
$('#'+tableId).bootstrapTreeTable({
|
|
|
|
|
|
|
|
id: this.id,// 选取记录返回的值
|
|
|
|
|
|
|
|
code: this.code,// 用于设置父子关系
|
|
|
|
|
|
|
|
parentCode: this.parentCode,// 用于设置父子关系
|
|
|
|
|
|
|
|
rootCodeValue: this.rootCodeValue,//设置根节点code值----可指定根节点,默认为null,"",0,"0"
|
|
|
|
|
|
|
|
type: this.method, //请求数据的ajax类型
|
|
|
|
|
|
|
|
url: this.url, //请求数据的ajax的url
|
|
|
|
|
|
|
|
ajaxParams: this.data, //请求数据的ajax的data属性
|
|
|
|
|
|
|
|
expandColumn: this.expandColumn,//在哪一列上面显示展开按钮,从0开始
|
|
|
|
|
|
|
|
striped: true, //是否各行渐变色
|
|
|
|
|
|
|
|
expandAll: this.expandAll, //是否全部展开
|
|
|
|
|
|
|
|
columns: this.columns, //列数组
|
|
|
|
|
|
|
|
toolbar: "#" + this.toolbarId,//顶部工具条
|
|
|
|
|
|
|
|
height: this.height,
|
|
|
|
|
|
|
|
});
|
|
|
|
|
|
|
|
return this;
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
|
|
* 设置在哪一列上面显示展开按钮,从0开始
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
setExpandColumn: function (expandColumn) {
|
|
|
|
|
|
|
|
this.expandColumn = expandColumn;
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
|
|
* 设置记录返回的id值
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
setIdField: function (id) {
|
|
|
|
|
|
|
|
this.id = id;
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
|
|
* 设置记录分级的字段
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
setCodeField: function (code) {
|
|
|
|
|
|
|
|
this.code = code;
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
|
|
* 设置记录分级的父级字段
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
setParentCodeField: function (parentCode) {
|
|
|
|
|
|
|
|
this.parentCode = parentCode;
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
|
|
* 设置根节点code值----可指定根节点,默认为null,"",0,"0"
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
setRootCodeValue: function (rootCodeValue) {
|
|
|
|
|
|
|
|
this.rootCodeValue = rootCodeValue;
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
|
|
* 设置是否默认全部展开
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
setExpandAll: function (expandAll) {
|
|
|
|
|
|
|
|
this.expandAll = expandAll;
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
|
|
* 设置表格高度
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
setHeight: function (height) {
|
|
|
|
|
|
|
|
this.height = height;
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
|
|
* 设置ajax post请求时候附带的参数
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
set: function (key, value) {
|
|
|
|
|
|
|
|
if (typeof key == "object") {
|
|
|
|
|
|
|
|
for (var i in key) {
|
|
|
|
|
|
|
|
if (typeof i == "function")
|
|
|
|
|
|
|
|
continue;
|
|
|
|
|
|
|
|
this.data[i] = key[i];
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
this.data[key] = (typeof value == "undefined") ? $("#" + key).val() : value;
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
return this;
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
|
|
* 设置ajax get请求时候附带的参数
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
setData: function (data) {
|
|
|
|
|
|
|
|
this.data = data;
|
|
|
|
|
|
|
|
return this;
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
|
|
* 清空ajax post请求参数
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
clear: function () {
|
|
|
|
|
|
|
|
this.data = {};
|
|
|
|
|
|
|
|
return this;
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
|
|
* 刷新表格
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
refresh: function (parms) {
|
|
|
|
|
|
|
|
if (typeof parms != "undefined") {
|
|
|
|
|
|
|
|
this.btInstance.bootstrapTreeTable('refresh', parms.query);// 为了兼容bootstrap-table的写法
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
this.btInstance.bootstrapTreeTable('refresh');
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
|
|
* 设置高度
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
resetHeight: function(parms) {
|
|
|
|
|
|
|
|
if (typeof parms != "undefined") {
|
|
|
|
|
|
|
|
this.btInstance.bootstrapTreeTable('resetHeight', parms.height);// 为了兼容bootstrap-table的写法
|
|
|
|
|
|
|
|
} else {
|
|
|
|
|
|
|
|
this.btInstance.bootstrapTreeTable('resetHeight');
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/**
|
|
|
|
|
|
|
|
* 获取选中行
|
|
|
|
|
|
|
|
*/
|
|
|
|
|
|
|
|
getSelectedRow: function() {
|
|
|
|
|
|
|
|
return this.btInstance.bootstrapTreeTable('getSelections');
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
window.TreeTable = TreeTable;
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}());
|
|
|
|
|