iT邦幫忙

0

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

  • 分享至 

  • xImage

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

<div id="ttDiv">
	<table id="tt"></div>
</div>

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

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

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

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

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

有人知道如何解決嗎?

謝謝。

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 個回答

0
holmes2136
iT邦新手 3 級 ‧ 2014-04-26 21:39:45
最佳解答

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

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

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

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

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

我要發表回答

立即登入回答