Question

我在我的应用程序中使用了tagfield。当前光标像|一样comine （直条或垂直线）。我想把它改成一只手。任何人都可以建议我需要做什么。

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

Answer 1

您需要更改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

Answer 2

或者你可以通过css：

来做到

.x-form-text-default .x-tagfield-input-field {
cursor: pointer;
}

如果仅在一种情况下，我建议添加一个cls和wrap。

如何在ExtJS中更改标记字段的光标

2 个答案: