Ext JS Grid Panel：如何在mousehover上顯示內容

Question

我正在顯示一個帶2列的ext JS網格面板。我必須保持兩列的固定寬度。我的問題是，當文本顯示在第一列，當它超過了它的寬度，我沒有辦法看到整個文本（我可以手動拉伸它，但由於固定寬度有時不顯示）。可能有人知道我該怎麼做 -

我的意思是 - 我可以在mousehover上顯示文本，但我希望它顯示文本，如果用戶保持鼠標指針超過5秒，否則它會太煩人;如果用戶將他的鼠標從第一行拖到最後。

任何其他的想法也會有幫助。

Answer 1

添加下面的樣式到你的樣式表：

.wordwrap { 
    white-space: pre-wrap; /* css-3 */ 
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ 
    white-space: -pre-wrap; /* Opera 4-6 */ 
    white-space: -o-pre-wrap; /* Opera 7 */ 
    word-wrap: break-word; 
    white-space: normal; /* Internet Explorer 5.5+ */ 
} 

，然後將其包含在您的專欄的「CLS」的配置：

columns: [{ 
    header: "Column 1", 
    dataIndex: 'Col1', 
    cls: 'wordwrap' 
}] 

這應該換你的網格單元格的內容。