Commit 25ebba76 by naan1993

Merge remote-tracking branch 'origin/master'

parents a0dc9b33 f59b50c5
......@@ -5,7 +5,9 @@
.treegrid-expander-expanded{background-image: url(../img/collapse.png); }
.treegrid-expander-collapsed{background-image: url(../img/expand.png);}
.treegrid-selected{background: #f5f5f5 !important;}
.treegrid-table{border:0 !important;}
.treegrid-table{border:0 !important;margin-bottom:0}
.treegrid-table tbody {display:block;height:auto;overflow-y:auto;}
.treegrid-table thead, .treegrid-table tbody tr {display:table;width:100%;table-layout:fixed;}
.treegrid-thead th{line-height:40px;border: 0 !important;background:#fff !important;border-radius: 4px;border-left:1px solid #e7eaec !important;border-bottom:2px solid #e7eaec !important;text-align: center;}
.treegrid-thead tr :first-child{border-left:0 !important}
.treegrid-tbody td{border: 0 !important;border-left:1px solid #e7eaec !important;border-bottom:1px solid #e7eaec !important;}
......
......@@ -17,6 +17,7 @@
this.parentCode = 'pcode';// 用于设置父子关系
this.expandAll = false;// 是否默认全部展开
this.toolbarId = bstableId + "Toolbar";
this.height = 665; //默认表格高度665
};
BSTreeTable.prototype = {
......@@ -39,6 +40,7 @@
expandAll: this.expandAll, //是否全部展开
columns: this.columns, //列数组
toolbar: "#" + this.toolbarId,//顶部工具条
height: this.height,
});
return this;
},
......@@ -80,6 +82,12 @@
this.expandAll = expandAll;
},
/**
* 设置表格高度
*/
setHeight: function (height) {
this.height = height;
},
/**
* 设置ajax post请求时候附带的参数
*/
set: function (key, value) {
......
......@@ -71,7 +71,7 @@
// 判断有没有选择列
if(index==0&&column.field=='selectItem'){
hasSelectItem = true;
var td = $('<td style="text-align:center"></td>');
var td = $('<td style="text-align:center;width:36px"></td>');
if(column.radio){
var _ipt = $('<input name="select_item" type="radio" value="'+item[options.id]+'"></input>');
td.append(_ipt);
......@@ -82,7 +82,7 @@
}
tr.append(td);
}else{
var td = $('<td></td>');
var td = $('<td style="'+((column.width)?('width:'+column.width):'')+'"></td>');
td.text(item[column.field]);
tr.append(td);
}
......@@ -95,7 +95,14 @@
// 构造表头
var thr = $('<tr></tr>');
$.each(options.columns, function(i, item) {
var th = $('<th style="padding:10px;"></th>');
var th = null;
// 判断有没有选择列
if(i==0&&item.field=='selectItem'){
hasSelectItem = true;
th = $('<th style="width:36px"></th>');
}else{
th = $('<th style="padding:10px;'+((item.width)?('width:'+item.width):'')+'"></th>');
}
th.text(item.title);
thr.append(th);
});
......@@ -108,6 +115,10 @@
// 添加加载loading
var _loading = '<tr><td colspan="'+options.columns.length+'"><div style="display: block;text-align: center;">正在努力地加载数据中,请稍候……</div></td></tr>'
tbody.html(_loading);
// 默认高度
if(options.height){
tbody.css("height",options.height);
}
$.ajax({
type : options.type,
url : options.url,
......@@ -149,6 +160,8 @@
if (!options.expandAll) {
target.treegrid('collapseAll');
}
//动态设置表头宽度
thead.css("width", tbody.children(":first").css("width"));
// 行点击选中事件
target.find("tbody").find("tr").click(function(){
if(hasSelectItem){
......@@ -228,6 +241,7 @@
striped : false, // 是否各行渐变色
columns : [],
toolbar: null,//顶部工具条
height: 0,
expanderExpandedClass : 'glyphicon glyphicon-chevron-down',// 展开的按钮的图标
expanderCollapsedClass : 'glyphicon glyphicon-chevron-right'// 缩起的按钮的图标
......
......@@ -14,7 +14,7 @@ var Dept = {
Dept.initColumn = function () {
return [
{field: 'selectItem', radio: true},
{title: 'id', field: 'id', align: 'center', valign: 'middle'},
{title: 'id', field: 'id', align: 'center', valign: 'middle',width:'50px'},
{title: '部门简称', field: 'simplename', align: 'center', valign: 'middle', sortable: true},
{title: '部门全称', field: 'fullname', align: 'center', valign: 'middle', sortable: true},
{title: '排序', field: 'num', align: 'center', valign: 'middle', sortable: true},
......
......@@ -14,11 +14,11 @@ var Menu = {
Menu.initColumn = function () {
var columns = [
{field: 'selectItem', radio: true},
{title: 'id', field: 'id', visible: false, align: 'center', valign: 'middle'},
{title: '菜单名称', field: 'name', align: 'center', valign: 'middle', sortable: true},
{title: '菜单编号', field: 'code', align: 'center', valign: 'middle', sortable: true},
{title: 'id', field: 'id', visible: false, align: 'center', valign: 'middle',width:'50px'},
{title: '菜单名称', field: 'name', align: 'center', valign: 'middle', sortable: true,width:'17%'},
{title: '菜单编号', field: 'code', align: 'center', valign: 'middle', sortable: true,width:'12%'},
{title: '菜单父编号', field: 'pcode', align: 'center', valign: 'middle', sortable: true},
{title: '请求地址', field: 'url', align: 'center', valign: 'middle', sortable: true},
{title: '请求地址', field: 'url', align: 'center', valign: 'middle', sortable: true,width:'15%'},
{title: '排序', field: 'num', align: 'center', valign: 'middle', sortable: true},
{title: '层级', field: 'levels', align: 'center', valign: 'middle', sortable: true},
{title: '是否是菜单', field: 'isMenuName', align: 'center', valign: 'middle', sortable: true},
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment