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

如何在一个页面上半部分显示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'); //重新加载
    }
};

可以帮我修改一下吗
var url;
$('#dg').datagrid({
onClickRow: function() {

var row = $('#dg').datagrid('getSelected');

if(row){

url = '../php/trade.php?o=list_pro&pid='+row.pid;
}

$('#dg2').datagrid('reload');

}

});

doSelectEvent
代码不是已经发了么。

你下面的左右layout都放了什么控件？datagrid还是什么？

其实就是给datagrid添加onSelect事件，然后调用你放置的组件的API执行更新操作即可