Question

Extjs如何能够实现任意单元格当鼠标悬置的时候,自动增加彩色外边框的悬浮设计

Extjs如何能够实现任意单元格鼠标悬置的时候自动增加彩色外边框的设计，针对
Ext.grid.Panel组件和Ext.grid.property.Grid组件

• 你的回答被采纳后将获得：
• 系统奖励15（财富值+成长值）+难题奖励20（财富值+成长值）

Answer 1

最直接的实现方式就是添加一条css样式

可以在runjs.cn/code上试一下

js code:

Ext.onReady(function(){
    Ext.widget('grid',{
        height:300,
        width:300,
        title:'Panel',
        renderTo:Ext.getBody(),
        columns:[{
            text:'#',
            dataIndex:'id'
        }],
        store:Ext.create('Ext.data.Store',{
            fields:['id'],
            data:[{
                id:1
            },{
                id:3
            }]
        })
    });
});

css code:

.x-grid-row.x-grid-row-over td
{
    border: 1px solid red;
}

Answer 2

在ext-all.css或者主html样式里加上这个
.x-grid-cell:hover{border:red solid thin;}