EasyUI detailview 使用心得

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>");