如何在一个页面上半部分显示datagrid, 下半部分显示layout(左,右), 点击datagrid某行,然后左layout根据datagrid显示数据,点击左layout,右layout根据左layout的值显示数据
可以先做出上下的效果。然后再添加左右的。
上下。
定义2个grid。
grid1,grid2的初始化代码都是模板代码:
<div region="center" border="false" style="margin:0px;">
<!-- datagrid -->
<table id="grid2">
</table>
</div>
然后上面的grid1中选中事件中获取选中项的ID,重新加载下面的grid2就行了:
//选中事件
function doSelectEvent() {
var selected = $('#grid1').datagrid('getSelected');
if (selected) {
var acid = selected.accountId;
var query = {
q : acid
}; //设置查询参数
$("#grid2").datagrid('options').queryParams = query; //把查询条件赋值给datagrid内部变量queryParams
$("#grid2").datagrid('reload'); //重新加载
}
};