javascript - 如何在ExtJS中更改标记域的光标

我在应用程序中使用了tagfield。当前光标像| （直线或垂直线）。我想换一个手。有人可以建议我需要做什么。

{
    xtype: 'tagfield',
    growMax  : 10,
    valueField: 'title',
    displayField: 'title',
    queryMode: 'local',
    multiSelect: true,
    isFilterDataLoaded: false,
    disabled: true,
};

最佳答案

您需要更改3种不同的html样式。

这是因为tagfield是用不同的div构建的。

您可以这样做：

{
            xtype: 'tagfield',
            growMax: 10,
            valueField: 'title',
            displayField: 'title',
            queryMode: 'local',
            multiSelect: true,
            isFilterDataLoaded: false,
            listeners:{
              afterrender:function(component){
                  component.getEl().dom.style.cursor="pointer";
                  component.inputEl.dom.style.cursor="pointer";
                  component.inputWrap.dom.firstChild.style.cursor="pointer";
              }
            },
            renderTo: Ext.getBody()
        }

Here is a working fiddle to show you

关于javascript - 如何在ExtJS中更改标记域的光标，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/41742179/