1. 程式人生 > >關於同一頁面內載入兩個easyui的datagrid問題

關於同一頁面內載入兩個easyui的datagrid問題

關於同一頁面內載入多個easyui的datagrid問題:

1.多個datagrid在頁面載入時就顯示出來,這時直接載入兩個表格時是沒問題的,都顯示出來

$(function(){
    $("#grid_1").datagrid("load",getGrid1());
    $("#grid_2").datagrid("load",getGrid2());
})

2.當頁面初始時只顯示一個表格,其他表格在觸發事件顯示時,表格載入不出來,始終只有第一個表格載入成功。

大概原因:因為datagrid是動態載入的,所以在頁面初始化的時候,隱藏表格的載入不成功,具體原因還不懂。

解決辦法:每次觸發事件的時候執行相應的表格載入函式

$(function(){
    $("#grid_1").datagrid("load",getGrid1());
    $("#grid_2").datagrid("load",getGrid2());
    //按鈕1
    $("#btn1").click(function(){
        $("#grid_1").datagrid("load",getGrid1());
    )}
    //按鈕2
    $("#btn2").click(function(){
        $("#grid_2").datagrid("load",getGrid2());
    )}
})