如何在Extjs 4.0中的鼠標懸停上突出顯示一個網格？

我想強調整個網格，當我通過改變邊界或應該看起來如果我選擇表中的Ext JS 4.0其他方式使用一些顏色鼠標移到該網格或可能？如何在Extjs 4.0中的鼠標懸停上突出顯示一個網格？

一些其他替代也能發揮作用。

2015-05-21 Mehaboob Khan

由於MarthyM以下提到更容易使用，而不是聽衆的overCls「。在您的網聲明：

overCls: 'borderred'

在樣式表：https://fiddle.sencha.com/#fiddle/na4

原來的答覆：

.borderred { border: 1px solid red; }

我一直在使用 'overCls' 的ExtJS的4.0.7更新這裏的小提琴

listeners: { 
    containermouseover: { 
     fn: function (view) { 
      view.up('gridpanel').getEl().applyStyles('border: solid 1px red'); 
     } 
    }, 
    containermouseout: { 
     fn: function (view) { 
      view.up('gridpanel').getEl().applyStyles('border: solid 1px #99bce8'); 
     } 
    } 
}

來源

2015-05-21 16:19:07

監聽器工作正常，但這裏的問題是，當我將光標移到網格的標題或行這是行不通的。當我在網格的任何部分移動鼠標時，我需要懸停。 –

我已經明白了。我剛剛更換「containermouseover」和「containermouseout」與「itemmouseenter」及「itemmouseleave」。非常感謝。 :) –

很高興聽到你已經得到它，並感謝分享你的解決方案。 –

您唯一需要做的就是使用設置一個CSS類3210配置。

overCls: 'gridHover'

這將添加一個CSS類到您的網格，當鼠標懸停在它上面。然後你只需要在CSS中設置樣式：

.gridHover { 
    border: 2px solid red; /* or any other style */ 
}

就是這樣。不需要jQuery或聽衆。

文檔：http://docs.sencha.com/extjs/4.0.0/#!/api/Ext.grid.Panel-cfg-overCls

來源

2015-05-23 20:36:07 MarthyM

如何在Extjs 4.0中的鼠標懸停上突出顯示一個網格？

回答

相關問題