easyUI的datagrid Filter 表頭合并問題！求救！！-有解無憂

圖1復選框和序號做成圖2合并的效果

部分代碼如下：
$(function() {
$('#department_dg').datagrid({
url : 'DepartmentController/getDepDatagrid',
fit : true,
border : false,
rownumbers : true,//行號
pagination : true,//分頁
ctrlSelect : true,//多選
pageNumber : 1,//頁碼
remoteSort:false,
    sortName:'code',
     sortOrder:'desc',
pageSize : 50,
     frozenColumns:[[{
field:'id',
title:'序號',
checkbox:true,
// rowspan:2
}]],
columns : [[{
title : '部門編號',
field : 'code',
width : 100,
align : 'center',
sortable :true,

    }, {
title : '部門名稱',
field : 'name',
width : 100,
align : 'center',
sortable :true,

}, {
title : '上級部門',
field : 'parentid',
width : 150,
align : 'center',
sortable :true,
}, {
title : '是否停用',
field : 'disabled',
width : 100,
align : 'center',
sortable :true,
formatter : function(val, row, index) {
if (val == 0) {
return "在用";
} else {
return "<font color='red'>停用</font>";
}
}
}]],
/* onLoadSuccess:function(){
var merges = [{
    index:2,
rowspan:2
  }];
  for(var i=0; i<merges.length; i++)
$('#department_dg').datagrid('mergeCells',{
index:merges[i].index,
field:'id',
rowspan:merges[i].rowspan
});
} */

});

  $('#department_dg').datagrid('enableFilter',
[
{
field:'code',
type:'numberbox',
},{
field:'name',
type:'numberbox',
},{
field:'parentid',
type:'numberbox',
},{
field:'disabled',
type:'combobox',
options:{
panelHeight:'auto',
data:[{value:'',text:' '},{value:'在用',text:'在用'},{value:'停用',text:'停用'}],
onChange:function(value){

if (value == ''){
$('#department_dg').datagrid('removeFilterRule', 'disabled');
} else {
$('#department_dg').datagrid('addFilterRule', {
field: 'disabled',
op: 'equal',
value: value
});
}
$('#department_dg').datagrid('doFilter');
}
}
}
] );
});

：：：加入合并行rowspan：2會報錯找不到“0”
求大佬指點迷津！！謝謝！！！

uj5u.com熱心網友回復：

別沉呀=。=

uj5u.com熱心網友回復：

看例子https://www.cnblogs.com/wgl0126/p/9394731.html

uj5u.com熱心網友回復：

http://www.jeasyui.net/tutorial/39.html

uj5u.com熱心網友回復：

參考 2 樓 qq_19500863 的回復:

看例子https://www.cnblogs.com/wgl0126/p/9394731.html

參考 3 樓 qq_19500863 的回復:

http://www.jeasyui.net/tutorial/39.html

其實兩種我都試過了第一個我是不太清楚怎么把過濾寫在表格里面我只會在表格加載完后創建過濾方法
第二個合并行有個問題是索引是從0開始只是合并表格第一行不是合并表頭
  onLoadSuccess:function(){
var merges = [{
    index:0,
rowspan:2,
  }];
  for(var i=0; i<merges.length; i++)
$('#department_dg').datagrid('mergeCells',{
index:merges[i].index,
field:'id',
rowspan:merges[i].rowspan
});
}

但如果我直接在復選框那里合并行會報錯{
field:'id',
title:'序號',
checkbox:true,
rowspan:2  //合并行
}

uj5u.com熱心網友回復：

還有人嗎=。=

uj5u.com熱心網友回復：

emmmmmmmmmm

轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/67876.html

標籤：Web 開發

上一篇：ECLIPSE4.2 jdk1.7 安裝了WindowBuilder之后不顯示design模式是怎么回事呢

下一篇：這些業務有人見過或者做過么？我沒接觸過，不是很懂，熟人的公司說我可以去，新手，只會java