view: detailview,
detailFormatter: function (rowIndex, rowData) {
return "<div class='easyui-panel' style='height:100px;overflow-y:auto;'></div>";
},
onExpandRow: function (index, row) {
var ddv = $(this).datagrid('getRowDetail', index).find('div.easyui-panel'); //在這一行中找到class="ddv"的div
ddv.panel({
border: false,
cache: true,
href: '',
onLoad: function (data) {
$("#top_table").datagrid('fixDetailRowHeight', index); //固定高度
$('#top_table').datagrid('selectRow', index);
}
})
$('#top_table').datagrid('fixDetailRowHeight', index); //加載之后固定高度
}
/** 需要注意的是 如果想讓明細數據和datagrid列表每列寬度對應起來，需使用datagrid中列解析出的樣式 **/
build.Append("<tr><td align='center' style='width:100px;border:0'><div class=\"datagrid-cell datagrid-cell-c1-UserName\" style=\"text-align: center;\"><span>" +kkk+ "</span></div></td>");
build.Append("<td align='center' style='width:65px;border:0'><div class=\"datagrid-cell datagrid-cell-c1-sum_Salaries\" style=\"text-align: center;\"><span>" + kkkk+ "</span></div></td>");