优化一些细节

dep_wangsr
RuoYi 6 years ago committed by Limy
parent 36e642733a
commit 6b25ce30b2

@ -240,32 +240,32 @@
item.isShow = false; item.isShow = false;
// 这里兼容几种常见Root节点写法 // 这里兼容几种常见Root节点写法
// 默认的几种判断 // 默认的几种判断
var _defaultRootFlag = item[options.parentId] == '0' || var _defaultRootFlag = item[options.parentCode] == '0' ||
item[options.parentId] == 0 || item[options.parentCode] == 0 ||
item[options.parentId] == null || item[options.parentCode] == null ||
item[options.parentId] == ''; item[options.parentCode] == '';
if (!item[options.parentId] || (_root ? (item[options.parentId] == options.rootIdValue) : _defaultRootFlag)) { if (!item[options.parentCode] || (_root ? (item[options.parentCode] == options.rootIdValue) : _defaultRootFlag)) {
if (!target.data_list["_root_"]) { if (!target.data_list["_root_"]) {
target.data_list["_root_"] = []; target.data_list["_root_"] = [];
} }
if (!target.data_obj["id_" + item[options.id]]) { if (!target.data_obj["id_" + item[options.code]]) {
target.data_list["_root_"].push(item); target.data_list["_root_"].push(item);
} }
} else { } else {
if (!target.data_list["_n_" + item[options.parentId]]) { if (!target.data_list["_n_" + item[options.parentCode]]) {
target.data_list["_n_" + item[options.parentId]] = []; target.data_list["_n_" + item[options.parentCode]] = [];
} }
if (!target.data_obj["id_" + item[options.id]]) { if (!target.data_obj["id_" + item[options.code]]) {
target.data_list["_n_" + item[options.parentId]].push(item); target.data_list["_n_" + item[options.parentCode]].push(item);
} }
} }
target.data_obj["id_" + item[options.id]] = item; target.data_obj["id_" + item[options.code]] = item;
}); });
} }
// 递归获取子节点并且设置子节点 // 递归获取子节点并且设置子节点
var recursionNode = function(parentNode, lv, row_id, p_id) { var recursionNode = function(parentNode, lv, row_id, p_id) {
var $tbody = target.find("tbody"); var $tbody = target.find("tbody");
var _ls = target.data_list["_n_" + parentNode[options.id]]; var _ls = target.data_list["_n_" + parentNode[options.code]];
var $tr = renderRow(parentNode, _ls ? true : false, lv, row_id, p_id); var $tr = renderRow(parentNode, _ls ? true : false, lv, row_id, p_id);
$tbody.append($tr); $tbody.append($tr);
if (_ls) { if (_ls) {
@ -307,11 +307,11 @@
target.hasSelectItem = true; target.hasSelectItem = true;
var $td = $('<td style="text-align:center;width:36px"></td>'); var $td = $('<td style="text-align:center;width:36px"></td>');
if (column.radio) { if (column.radio) {
var _ipt = $('<input name="select_item" type="radio" value="' + item[options.id] + '"></input>'); var _ipt = $('<input name="select_item" type="radio" value="' + item[options.code] + '"></input>');
$td.append(_ipt); $td.append(_ipt);
} }
if (column.checkbox) { if (column.checkbox) {
var _ipt = $('<input name="select_item" type="checkbox" value="' + item[options.id] + '"></input>'); var _ipt = $('<input name="select_item" type="checkbox" value="' + item[options.code] + '"></input>');
$td.append(_ipt); $td.append(_ipt);
} }
$tr.append($td); $tr.append($td);
@ -441,9 +441,9 @@
target.appendData = function(data) { target.appendData = function(data) {
// 下边的操作主要是为了查询时让一些没有根节点的节点显示 // 下边的操作主要是为了查询时让一些没有根节点的节点显示
$.each(data, function(i, item) { $.each(data, function(i, item) {
var _data = target.data_obj["id_" + item[options.id]]; var _data = target.data_obj["id_" + item[options.code]];
var _p_data = target.data_obj["id_" + item[options.parentId]]; var _p_data = target.data_obj["id_" + item[options.parentCode]];
var _c_list = target.data_list["_n_" + item[options.parentId]]; var _c_list = target.data_list["_n_" + item[options.parentCode]];
var row_id = ""; //行id var row_id = ""; //行id
var p_id = ""; //父行id var p_id = ""; //父行id
var _lv = 1; //如果没有父就是1默认显示 var _lv = 1; //如果没有父就是1默认显示
@ -643,26 +643,26 @@
}; };
$.fn.bootstrapTreeTable.defaults = { $.fn.bootstrapTreeTable.defaults = {
id: 'id', // 选取记录返回的值,用于设置父子关系 code: 'code', // 选取记录返回的值,用于设置父子关系
parentId: 'parentId', // 用于设置父子关系 parentCode: 'parentCode', // 用于设置父子关系
rootIdValue: null, // 设置根节点id值----可指定根节点默认为null,"",0,"0" rootIdValue: null, // 设置根节点id值----可指定根节点默认为null,"",0,"0"
data: null, // 构造table的数据集合 data: null, // 构造table的数据集合
type: "GET", // 请求数据的ajax类型 type: "GET", // 请求数据的ajax类型
url: null, // 请求数据的ajax的url url: null, // 请求数据的ajax的url
ajaxParams: {}, // 请求数据的ajax的data属性 ajaxParams: {}, // 请求数据的ajax的data属性
expandColumn: 0, // 在哪一列上面显示展开按钮 expandColumn: 0, // 在哪一列上面显示展开按钮
expandAll: false, // 是否全部展开 expandAll: false, // 是否全部展开
expandFirst: true, // 是否默认第一级展开--expandAll为false时生效 expandFirst: true, // 是否默认第一级展开--expandAll为false时生效
striped: false, // 是否各行渐变色 striped: false, // 是否各行渐变色
bordered: true, // 是否显示边框 bordered: true, // 是否显示边框
hover: true, // 是否鼠标悬停 hover: true, // 是否鼠标悬停
condensed: false, // 是否紧缩表格 condensed: false, // 是否紧缩表格
columns: [], // 列 columns: [], // 列
toolbar: null, // 顶部工具条 toolbar: null, // 顶部工具条
height: 0, // 表格高度 height: 0, // 表格高度
showTitle: true, // 是否采用title属性显示字段内容被formatter格式化的字段不会显示 showTitle: true, // 是否采用title属性显示字段内容被formatter格式化的字段不会显示
showColumns: true, // 是否显示内容列下拉框 showColumns: true, // 是否显示内容列下拉框
showRefresh: true, // 是否显示刷新按钮 showRefresh: true, // 是否显示刷新按钮
expanderExpandedClass: 'glyphicon glyphicon-chevron-down', // 展开的按钮的图标 expanderExpandedClass: 'glyphicon glyphicon-chevron-down', // 展开的按钮的图标
expanderCollapsedClass: 'glyphicon glyphicon-chevron-right' // 缩起的按钮的图标 expanderCollapsedClass: 'glyphicon glyphicon-chevron-right' // 缩起的按钮的图标

@ -16,12 +16,13 @@
$.table._params = $.common.isEmpty(options.queryParams) ? $.table.queryParams : options.queryParams; $.table._params = $.common.isEmpty(options.queryParams) ? $.table.queryParams : options.queryParams;
_sortOrder = $.common.isEmpty(options.sortOrder) ? "asc" : options.sortOrder; _sortOrder = $.common.isEmpty(options.sortOrder) ? "asc" : options.sortOrder;
_sortName = $.common.isEmpty(options.sortName) ? "" : options.sortName; _sortName = $.common.isEmpty(options.sortName) ? "" : options.sortName;
_striped = $.common.isEmpty(options.striped) ? false : options.striped;
$('#bootstrap-table').bootstrapTable({ $('#bootstrap-table').bootstrapTable({
url: options.url, // 请求后台的URL* url: options.url, // 请求后台的URL*
contentType: "application/x-www-form-urlencoded", // 编码类型 contentType: "application/x-www-form-urlencoded", // 编码类型
method: 'post', // 请求方式(* method: 'post', // 请求方式(*
cache: false, // 是否使用缓存 cache: false, // 是否使用缓存
striped: $.common.visible(options.striped), // 是否显示行间隔色 striped: _striped, // 是否显示行间隔色
sortable: true, // 是否启用排序 sortable: true, // 是否启用排序
sortStable: true, // 设置为 true 将获得稳定的排序 sortStable: true, // 设置为 true 将获得稳定的排序
sortName: _sortName, // 排序列名称 sortName: _sortName, // 排序列名称
@ -132,17 +133,22 @@
// 初始化表格 // 初始化表格
init: function(options) { init: function(options) {
$.table._option = options; $.table._option = options;
_striped = $.common.isEmpty(options.striped) ? false : options.striped;
_expandColumn = $.common.isEmpty(options.expandColumn) ? '1' : options.expandColumn;
var treeTable = $('#bootstrap-table').bootstrapTreeTable({ var treeTable = $('#bootstrap-table').bootstrapTreeTable({
id : options.id, // 用于设置父子关系 code: options.code, // 用于设置父子关系
parentId : options.parentId, // 用于设置父子关系 parentCode: options.parentCode, // 用于设置父子关系
type: 'get', // 请求方式(* type: 'get', // 请求方式(*
url: options.url, // 请求后台的URL* url: options.url, // 请求后台的URL*
ajaxParams : {}, // 请求数据的ajax的data属性 ajaxParams: {}, // 请求数据的ajax的data属性
expandColumn : '1', // 在哪一列上面显示展开按钮 expandColumn: _expandColumn, // 在哪一列上面显示展开按钮
striped : false, // 是否各行渐变色 striped: _striped, // 是否显示行间隔色
bordered : true, // 是否显示边框 bordered: true, // 是否显示边框
toolbar: '#toolbar', // 指定工作栏 toolbar: '#toolbar', // 指定工作栏
expandAll : $.common.visible(options.expandAll), // 是否全部展开 showRefresh: $.common.visible(options.showRefresh), // 是否显示刷新按钮
showColumns: $.common.visible(options.showColumns), // 是否显示隐藏某列下拉框
expandAll: $.common.visible(options.expandAll), // 是否全部展开
expandFirst: $.common.visible(options.expandFirst), // 是否默认第一级展开--expandAll为false时生效
columns: options.columns columns: options.columns
}); });
$._treeTable = treeTable; $._treeTable = treeTable;
@ -439,7 +445,7 @@
}, },
// 批量删除信息 // 批量删除信息
removeAll: function() { removeAll: function() {
var rows = $.common.isEmpty($.table._option.id) ? $.table.selectFirstColumns() : $.table.selectColumns($.table._option.id); var rows = $.common.isEmpty($.table._option.uniqueId) ? $.table.selectFirstColumns() : $.table.selectColumns($.table._option.uniqueId);
if (rows.length == 0) { if (rows.length == 0) {
$.modal.alertWarning("请至少选择一条记录"); $.modal.alertWarning("请至少选择一条记录");
return; return;
@ -468,7 +474,7 @@
if ($.common.isNotEmpty(id)) { if ($.common.isNotEmpty(id)) {
url = $.table._option.updateUrl.replace("{id}", id); url = $.table._option.updateUrl.replace("{id}", id);
} else { } else {
var id = $.common.isEmpty($.table._option.id) ? $.table.selectFirstColumns() : $.table.selectColumns($.table._option.id); var id = $.common.isEmpty($.table._option.uniqueId) ? $.table.selectFirstColumns() : $.table.selectColumns($.table._option.uniqueId);
if (id.length == 0) { if (id.length == 0) {
$.modal.alertWarning("请至少选择一条记录"); $.modal.alertWarning("请至少选择一条记录");
return; return;
@ -484,7 +490,7 @@
$.modal.alertWarning("请至少选择一条记录"); $.modal.alertWarning("请至少选择一条记录");
return; return;
} }
var url = $.table._option.updateUrl.replace("{id}", row[$.table._option.id]); var url = $.table._option.updateUrl.replace("{id}", row[$.table._option.uniqueId]);
$.modal.open("修改" + $.table._option.modalName, url); $.modal.open("修改" + $.table._option.modalName, url);
}, },
// 添加信息 全屏 // 添加信息 全屏
@ -498,7 +504,7 @@
if ($.common.isNotEmpty(id)) { if ($.common.isNotEmpty(id)) {
url = $.table._option.updateUrl.replace("{id}", id); url = $.table._option.updateUrl.replace("{id}", id);
} else { } else {
var row = $.common.isEmpty($.table._option.id) ? $.table.selectFirstColumns() : $.table.selectColumns($.table._option.id); var row = $.common.isEmpty($.table._option.uniqueId) ? $.table.selectFirstColumns() : $.table.selectColumns($.table._option.uniqueId);
url = $.table._option.updateUrl.replace("{id}", row); url = $.table._option.updateUrl.replace("{id}", row);
} }
$.modal.openFull("修改" + $.table._option.modalName, url); $.modal.openFull("修改" + $.table._option.modalName, url);

@ -54,8 +54,9 @@
$(function() { $(function() {
var options = { var options = {
id: "deptId", code: "deptId",
parentId: "parentId", parentCode: "parentId",
uniqueId: "deptId",
url: prefix + "/list", url: prefix + "/list",
createUrl: prefix + "/add/{id}", createUrl: prefix + "/add/{id}",
updateUrl: prefix + "/edit/{id}", updateUrl: prefix + "/edit/{id}",

@ -55,9 +55,11 @@
$(function() { $(function() {
var options = { var options = {
id: "menuId", code: "menuId",
parentId: "parentId", parentCode: "parentId",
uniqueId: "menuId",
expandAll: false, expandAll: false,
expandFirst: false,
url: prefix + "/list", url: prefix + "/list",
createUrl: prefix + "/add/{id}", createUrl: prefix + "/add/{id}",
updateUrl: prefix + "/edit/{id}", updateUrl: prefix + "/edit/{id}",

Loading…
Cancel
Save