开发者社区> 问答> 正文

如何点击datagrid,然后layout根据id做查询呢?

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

展开
收起
小旋风柴进 2016-03-06 12:49:59 2308 0
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'); //重新加载
        }
    };
    2019-07-17 18:54:22
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载