如何点击datagrid，然后layout根据id做查询。

Question

如何在一个页面上半部分显示datagrid， 下半部分显示layout（左，右）， 点击datagrid某行，然后左layout根据datagrid显示数据，点击左layout，右layout根据左layout的值显示数据

Answer 1

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