天天看點

Easyui 讓DataGrid适應浏覽器寬度

DataGrid有100%寬度的設定,但是有時不是很讓人滿意,比如你你放大或者拉放你的浏覽器,那麼DataGrid隻維持第一次加載的寬高,非常難看

你看到$(window).width() - 10和$(window).height() - 35

這是我設定的頁面第一次載入,去後去窗體的寬度和高度進行計算,那麼在第一次載入顯示是正常的,但是放大或者拉伸浏覽器,datagrid将不做改變了,我們這是要用到一個jquery的方法,叫resize()

在每一個比對元素的resize事件中綁定的處理函數。

data:resize([Data], fn) 可傳入data供函數fn處理。

fn:在每一個比對元素的resize事件中綁定的處理函數。

看到浏覽器變化時候激發的事件,是以我們要加入:

好了,我們來做一個對比(第一載入的時候)

Easyui 讓DataGrid适應浏覽器寬度

縮小浏覽器的時候

Easyui 讓DataGrid适應浏覽器寬度

完美顯示

繼續閱讀