4

我想设置一列网格，以便在悬停后将光标更改为指针。

我不知道将样式应用于它是否是最佳实践，请告诉我。

我就是想不通。

这是我的代码，我希望该列在鼠标悬停时会改变光标。

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

谢谢你的帮助

4

2 回答 2

10

这个对我有用：

columns: [
{
    text: 'URL',
    sortable: true,
    flex: true,
    dataIndex: 'url',
    renderer: function (val, metadata, record) {
            metadata.style = 'cursor: pointer;'; 
        return val;
    }
}]
于 2012-12-01T06:30:28.793 回答
1

对于大多数组件，可以直接附加 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.column.Column#cfg-componentCls和一个style属性：Ext.grid.column.Column#cfg-style ...它将设置整个列的样式，而不是每个单独的行- 或者可以根据值将一个类添加到整个列并使用渲染器添加更多类（然后使用这些组合的 CSS 选择器）。

于 2017-03-24T01:34:45.787 回答