EXTJS4-как осуществить окно поиска

как иметь окно поиска (или поле поиска) на странице EXTJS.

Я попробовал следующее, но ничто не показывается на странице: 1. добавленный SearchField.js в папке WebContent/ext/ux. 2. закодированный следующее:

    Ext.Loader.setConfig({
            enabled: true,
            paths: {
                'Ext.ux': 'ext/ux'
            }
        });
        Ext.require([
                     'Ext.ux.form.SearchField'
                 ]);
    Ext.onReady(function() {
    var win=Ext.create('widget.window',{
            title: 'Super User Access Management',
            height: 480,
            width: 640,
    border:false,
              items       : [ 
{
          xtype      : 'combobox',
          fieldLabel : 'Module',

          value: 'Super Admin' ,
          store: ['Super Admin', 'Partner Contact Management', 'Partner Trainning Management'],
          listeners: {
              select: function(){
               alert('Hello module!');
              }
            }        
            },
            {
              xtype      : 'combobox',

              value: 'Infogain' ,
              store: ['Infogain', 'IBM', 'Mocrosoft'],
              listeners: {
                    select: function(){
                     alert('Hello partner!');
                    }
                  }        
                },
     {
                        xtype: 'searchfield',
                        height: 30,
                        id: 'searchField',
                        styleHtmlContent: true,
                        width: 320,
                        fieldLabel: '',
                    },
{ 
                  xtype: 'gridpanel',
                  border: false,
                  title:'Empty grid',
                  columns: [{header: 'World'}], 
                  store: Ext.create('Ext.data.ArrayStore', {}) 
                  }
       ]
        });
        win.show();
    });

пожалуйста, сообщите мне, где я делаю неправильно.

3
добавлено отредактировано
Просмотры: 1
Необходимо поместить ux в ext/ux/form папке
добавлено автор A1rPun, источник
Вам рады;)
добавлено автор A1rPun, источник
ой!! Спасибо A1rPun:)
добавлено автор Anushree Acharjee, источник
Предположим, у меня есть две коробки снижения, одно окно поиска и сетка. Я хочу показать drpbx1 в вершине, затем ниже в одной левой стороне линии drpbx2 и окно поиска правой стороны и ниже что сетка. Можете вы предлагать, какое расположение я должен использовать и в чем нуждалась специальная конфигурация. Отредактированный код.
добавлено автор Anushree Acharjee, источник

2 ответы

Ответ на комментарии под вопросом:

Я использую a Ext.toolbar. Панель инструментов с этой целью.

Like This

Можно поместить панель инструментов на контейнере с dockedItems конфигурация.

6
добавлено
Можете вы приклеивать пример кода xtype: s
добавлено автор Anushree Acharjee, источник
я мог сделать это:) благодарит еще раз!:):)
добавлено автор Anushree Acharjee, источник
Нет, я мог сделать это успешно. Спасибо!
добавлено автор Anushree Acharjee, источник
Действительно необходимо Принять @A1rPun' s отвечают, чтобы дать ему кредит на него.
добавлено автор mwoodman, источник
tbar: [
    'Search : ', ' ',
    new Ext.ux.form.SearchField({
     store: store,
         width:320
             })
    ]

добавьте код в вас форма.. определите магазин ..

0
добавлено