如何更改ExtJS中的標記域的光標

我在我的應用程序中使用tagfield。當前光標像comine一樣（直線或垂直線）。我想把這個改成一隻手。任何機構都可以提出我需要做的事情。如何更改ExtJS中的標記域的光標

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

來源

2017-01-19 David

您應該使用css方式來實現，而不是通過afterrender中的組件進行設置。 – Tejas

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

來源

2017-01-19 13:48:57

非常感謝，它的工作原理 – David

或者你也可以通過CSS做到這一點：

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

我建議增加一個CLS和包裝，如果它只是在一個案例。

來源

2017-01-19 13:57:05

如何更改ExtJS中的標記域的光標

回答

相關問題