EasyUi添加datagrid详细表单_全力付出

个人资料

微博

正文字体大小：大中小

EasyUi添加datagrid详细表单

(2012-12-27 15:37:00)

标签：

分类： easyui

【1】引入需要的datagrid-detailview.js

【2】初始化表单后接着初始化详细信息

//

$('#dg').datagrid({

view: detailview,

detailFormatter:function(index,row){

return '<div class="ddv"></div>';

onExpandRow: function(index,row){

$('#dg').datagrid('unselectAll'); //取消选中

var ddv = $(this).datagrid('getRowDetail',index).find('div.ddv');

ddv.panel({

border:false,

cache:true,

href:'admin/extraSubjectListView.jsp?id='+row.id,

onLoad:function(){

$('#dg').datagrid('fixDetailRowHeight',index);

$('#dg').datagrid('selectRow',index);

$('#dg').datagrid('getRowDetail',index).find('form').form('load',row);

}

});

$('#dg').datagrid('fixDetailRowHeight',index);

}

});

红色部分可变；

阅读┊ 收藏 ┊ 喜欢 ▼ ┊打印┊举报/Report