實現Ext的grid單元格資料過長換行顯示

2021-05-24 13:33:49 字數 612 閱讀 4865

grid的單元格對資料顯示都是採用省略的辦法來處理的,即內容長度超過單元格長度時自動隱藏超過的部分並使用省略號...來顯示,這樣雖然也很好,但有時我們可能還是希望它能完全的顯示出來,即採用換行顯示。

最簡單的辦法莫過於直接修改ext-all.css,但俺一般不侵入ext的原始檔,那就自己用別的方法實現吧。

方法其實也很簡單,判斷該grid是否需要換行顯示。如果是則加上這段**:

1

datagrid.store.on(

'load',

function()2

);6});7

css檔案內容:

1

<

style type="

text/css

">23

.x-grid3

-cell

-text

-visible .x

-grid3

-cell

-inner45

<

/style>

ExtJs實現重新整理Grid單個單元格

產生問題背景 extjs3.2版本 頁面上存在定時重新整理 的功能,而且 中每行又有詳情,當每次重新整理每行時,即執行了record的set方法,詳情都會關閉。剛開始覺得很奇怪。因為我一直覺得,我重新整理一行中的乙個字段的話,那應該是只更新這個欄位的dom就行了。後台檢視了一下源 原來,每個reco...

grid 單元格和行變色

在對列表的處理中我們經常要對某些特殊欄位或特殊行進行標註,這就需要變色的處理。定義顏色 x grid record red x grid record yellow x grid record green 1.對單元格變色處理 else if value 5 value 4 else if valu...

Grid的單元格文字自動換行

grid的單元格對資料顯示都是採用省略的辦法來處理的,即內容長度超過單元格長度時自動隱藏超過的部分並使用省略號.來顯示,這樣雖然也很好,但有時我們可能還是希望它能完全的顯示出來,即採用換行顯示。最簡單的辦法莫過於直接修改ext all.css,但俺一般不像侵入ext的原始檔,那就自己用別的方法實現吧...