EXTJS4-如何實現搜索框

如何在EXTJS頁面中有一個搜索框（或搜索欄）。EXTJS4-如何實現搜索框

我嘗試了以下操作，但頁面上沒有顯示任何內容： 1.在WebContent/ext/ux文件夾中添加了SearchField.js。 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(); 
    });

請讓我知道我做錯了。

來源

2012-12-28 Anushree Acharjee

你需要把UX的EXT/UX /表格文件夾內 – A1rPun

哎呀！感謝A1rPun :) –

假設，我有兩個下拉框，一個搜索框和一個網格。我想在頂部顯示drpbx1，然後在一行左邊的drpbx2和右側的搜索框下面顯示網格。你能建議，我應該使用什麼樣的佈局以及需要什麼特別的配置。編輯代碼。 –

答中問題的評論：

我使用Ext.toolbar.Toolbar用於這一目的。

Like This

您可以將工具欄與dockedItems配置的容器。

來源

2012-12-28 11:01:44 A1rPun

可以粘貼xtype的示例代碼：s –

我可以做到:)再次感謝！:) :) –

不，我可以成功地做到這一點。謝謝！ –

tbar: [ 
    'Search : ', ' ', 
    new Ext.ux.form.SearchField({ 
    store: store, 
     width:320 
      }) 
    ]

添加代碼在你form..specify的store ..

來源

2015-03-12 11:55:59 user4557463

EXTJS4-如何實現搜索框

回答

相關問題