如何点击datagrid,然后layout根据id做查询呢？-问答-阿里云开发者社区-阿里云

可以先做出上下的效果。然后再添加左右的。
上下。
定义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'); //重新加载
    }
};