如何使用ExtJS更改光标 [英] How to change the cursor using ExtJS

问题描述

我想设置一个网格列以将光标悬停在指针上。

I would like to set a column of a grid to change cursor to pointer once hovered.

我不知道是否将样式应用到它的最佳实践。

I dunno if its best practice to apply a style to it, you tell me please.

我只是无法弄清楚。

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

This is my code and I wish the column would change cursor upon mouse hover.

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

感谢您的帮助

推荐答案

它对我有用：

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

这篇关于如何使用ExtJS更改光标的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！