jQuery_easyUI連結セル(DataGridデータテーブル)
1864 ワード
<table id="dg" style="height:350px;z-index:-5555; " class="easyui-datagrid" rownumbers="true"
data-options="fitColumns: true,
iconCls: 'icon-edit',
scrollbarSize:0,
multiSort:true,
remoteSort:true,
pagination:false,
singleSelect:false,
onLoadSuccess:OnLoadSucc,
method: 'get'">
<thead>
<tr>
<th data-options="styler:gethand,field:'ORGNA_NAME',width:20,halign:'center',align:'left'"> </th>
<th data-options="styler:gethand,field:'NIANYUE',width:10,halign:'center',align:'center'"> </th>
<th data-options="styler:gethand,field:'DJ_TBS',width:10,halign:'center',align:'right'"> <br>( )</th>
<th data-options="styler:gethand,field:'DJ_JSJE',width:10,halign:'center',align:'right'"> <br>( )</th>
<th data-options="styler:gethand,field:'USERCODE',width:16,halign:'center',align:'left',formatter: getQz"> </th>
</tr>
</thead>
</table>
インタフェースコード
連結方法:
function OnLoadSucc() {
var data=$("#dg").datagrid("getData");
var rows=data.rows.length;
if(rows>1){
$("#dg").datagrid('mergeCells',{
index: 0,
field: 'ORGNA_NAME',
colspan: 2,
align:'center'
});
}
}
説明:
index数行目のマージ
フィールドマージのカラム要素名
colspanいくつかのセルをマージ