如何使用ExtJS更改光标

92vpleto  于 2022-09-26  发布在  其他
关注(0)|答案(2)|浏览(237)

我想设置网格的一列,以便在鼠标悬停时将光标更改为指针。
我不知道将一种风格应用于它的最佳做法是什么,请告诉我。
我就是想不出来。
这是我的代码,我希望列在鼠标悬停时改变光标。

Ext.define('Ext.grid.Panel', {
store: services,
xtype: 'log',
features: [groupingFeature],
stateId: 'stateGrid',
columns: [
    {
        text: 'URL',
        sortable: true,
        flex: true,
        dataIndex: 'url'
    }
  ]
});

谢谢你的帮助

uttx8gqw

uttx8gqw1#

它对我很管用:

columns: [
{
    text: 'URL',
    sortable: true,
    flex: true,
    dataIndex: 'url',
    renderer: function (val, metadata, record) {
            metadata.style = 'cursor: pointer;'; 
        return val;
    }
}]
qnyhuwrf

qnyhuwrf2#

对于大多数组件,可以直接附加类似的CSS片段:

Ext.define('...', {
    extend: 'Ext.chart.CartesianChart',
    legend: {
        style: 'cursor: pointer;'
    }
});

使用renderer时,还可以附加CSS类(以及任何样式):

renderer: function (value, meta, record) {
     meta.tdCls += 'x-cursor-pointer'; 
     return value;
}

Ext.grid.column.Column还有一个componentCls属性:Ext.grid.coolumn。Column#cfg componentCls和style属性:Ext.grid.Column.Column#cfg style…它将为整个列设置样式,而不是为每个单独的行设置样式,或者可以根据值将类添加到整个列中,并使用呈现器进一步添加类(然后使用这些组合的CSS选择器)。

相关问题