關於同一頁面內載入兩個easyui的datagrid問題
阿新 • • 發佈:2018-12-17
關於同一頁面內載入多個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()); )} })