Как изменить курсор поля тегов в ExtJS

Question

В моем приложении используется tagfield. Текущий курсор похож на | (прямая полоса или вертикальная линия). Я хочу изменить это как руку. Может ли любой орган предложить мне то, что мне нужно сделать.

{ 
    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 и обертку, если это только в один случай.