如何讓 easyui datagrid 第一次在加載之後修改寬度與高度?

javascript 網頁設計 jquery framework web easyui

arthur1977 2014-04-26 14:22:58 ‧ 10932 瀏覽

你好，我的頁面上有一個 easyui 的 datagrid , 頁面代碼大致如下

&lt;div id="ttDiv">
	&lt;table id="tt">&lt;/div>
&lt;/div>

在頁面載入的時候執行以下程式碼：

$("tt").datagrid({width:"100%"});

也就是讓 datagrid 一開始就和 div 的尺寸相同。

但是之後因為會讓使用者放大或縮小 ttDiv 這個 div 區塊的大小，
tt 這個 datagrid 必須跟著 ttDiv 一起變化寬度與高度。

不過我測試的結果當ttDiv的寬度變化的時候，tt這個datagrid並不會跟著一起變化。

有人知道如何解決嗎?

謝謝。

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

holmes2136

iT邦新手 3 級 ‧ 2014-04-26 21:39:45

最佳解答

arthur1977 iT邦新手 5 級 ‧ 2014-04-27 11:48:34 檢舉

你好，我的測試結果是設定 fit:true 只有在第一次加載的時候有效，我的問題是當使用者按下某一個按鍵的時候，會改變 div 的寬度。這時候在 div 裡面的 datagrid 還是維持原先的寬度，不會隨著 div 的寬度增加而改變。

jinnik7571

iT邦新手 5 級 ‧ 2014-05-05 16:30:06

$("tt").datagrid({width:"100%"});

如果要同個寬度大小的話，你直接取用 div#tt 的寬度下去套用下一層就好了吧

a047686208 iT邦新手 5 級 ‧ 2014-11-10 10:06:25 檢舉

你可以在包含 Datagrid 的Div
針對 Onresize Event 給個Function
function 裡面，可以放以下兩種語法
$("#tt").datagrid({width:"100%"});
$("#tt").datagrid({fit:true}); //長寬符合

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22125 篇

完賽人數

595 人

IT邦幫忙