152 lines
4.9 KiB
JavaScript
152 lines
4.9 KiB
JavaScript
/**
|
||
* 初始化 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;
|
||
|
||
}()); |