如何在一个页面上半部分显示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'); //重新加载
}
};
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。