关于同一页面内加载两个easyui的datagrid问题

关于同一页面内加载多个easyui的datagrid问题:

1.多个datagrid在页面加载时就显示出来，这时直接加载两个表格时是没问题的，都显示出来

$(function(){
    $("#grid_1").datagrid("load", {参数···}); //可查看datagrid说明文档http://www.jeasyui.com/documentation/index.php#
    $("#grid_2").datagrid("load", {参数···});
})

2.当页面初始时只显示一个表格，其他表格在触发事件显示时，表格加载不出来，始终只有第一个表格加载成功。

大概原因：因为datagrid是动态加载的，所以在页面初始化的时候，隐藏表格的加载不成功，具体原因还不懂。

 

解决办法：每次触发事件的时候执行相应的表格加载函数

$(function(){
    $("#grid_1").datagrid("load", {参数···}); //可查看datagrid说明文档http://www.jeasyui.com/documentation/index.php#
    $("#grid_2").datagrid("load", {参数···});
    //按钮1
    $("#btn1").click(function(){
        $("#grid_1").datagrid("load", {参数···});
    )}
    //按钮2
    $("#btn2").click(function(){
        $("#grid_2").datagrid("load", {参数···});
    )}
})