各位大家好,
最近在用easyui1.3.1版本開發前端的時候遇到一個問題
頁面需要使用tabs分開顯示多個datagrid
但是現在發現,僅在活動的tabs下的datagrid的列是正常顯示的,
而其他的tabs下的datagrid的列是卷縮的.
頁面布局如下展示
<body>
<div class = "easyui-layout" data-options = "border: false,fit:true">
<div data-options="region:'center'">
中間區域代碼
</div>
<div data-options="region:'south'" style = "height:300px;" id = "Radio_Simulate_View_Asso_Union_Charge_southid">
<div class = "easyui-tabs" data-options="border:false,fit:true">
<div title = "頁面1">
<div class = "easyui-panel" data-options="border:false,fit:true" href = "url1"></div>
</div>
<div title = "頁面2">
<div class = "easyui-panel" data-options="border:false,fit:true" href = "url2"></div>
</div>
<div title = "頁面3">
<div class = "easyui-panel" data-options="border:false,fit:true" href = "url3"></div>
</div>
</div>
</div>
</div>
</body>
這里的easyui-panel里的每個url都是一個單獨的頁面.代碼大致如下.
<body>
<table id = "gridIdXXX"></table>
<script>初始化該table的陳述句此處省略.</script>
其中部分的配置如下
fit : true,
border : false,
fitColumns : false,
</body>
現在的要求是,頁面通過js出發條件,給這里的每個datagrid靈活配置出查詢條件.并各自呼叫datagridobj.datagrid('load', param);
可是,目前只有tabs中活動的panel下的這個datagrid的列顯示的是正常的.
其他的datagrid都是卷縮的.
不能重繪每個tabs,因為重繪的時候,實際是重新進入panel對應的href.所以不能滿足js動態重繪datagrid的問題.
也就是不處于tabs的活動頁的datagrid在重繪后如何保持平整.
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/65021.html
標籤：JavaScript