Блог

Я не нашел способа сделать это в документации, и я хотел спросить здесь, прежде чем начать пробиваться через эту проблему.

Вы хотите добавить триггер в свое текстовое поле.

Пример:

                         {
                            xtype: 'textfield',
                            fieldLabel: 'My Text Field',
                            triggers: {
                                searchTrigger: {
                                    handler: function(field, trigger, e) {
                                        console.log('your search code');
                                    },
                                    cls: 'fa-search'
                                }
                            }
                        }
  

вы можете попробовать это.

 {
    xtype: 'textfield',
    fieldLabel: 'text',
    triggers:
    {
         search:{
               cls: 'x-form-search-trigger',
               handler: function () {
               }

        }
    }
}
  

вы получаете такой результат.

На самом деле это сложная задача. итак, вот мое решение для этого Я изменил стиль значка креста и значка увеличительного стекла, добавив относительную позицию и некоторое левое значение в соответствии с тем, где вы этого хотите, и увеличив ширину текстового поля.

 #searchField .x-form-text-default
{
    padding-right: 0px !important;
    
}
#searchField .x-form-clear-trigger, .x-form-clear-trigger-default
{
    position: relative;
    left: 22px;
}
#searchField .x-form-search-trigger
{
    position: relative;
    left: 26px;
}  

В итоге я использовал: LabelStyle: ‘позиция: абсолютная; справа: 0;’

Я также перепутал width и fieldStyle, чтобы он выглядел точно так, как я хотел.