Extjs Grid中的列表過濾器

我是EXTJS的新手，我想在其中創建一個靜態Grid。我已經閱讀了一些文檔並創建了網格，我無法爲此創建過濾器。這是我的代碼和任何幫助，將不勝感激。Extjs Grid中的列表過濾器

Ext.application({ 
    name: 'Sample app', 
    launch: function() { 
     Ext.define('User', { 
      extend: 'Ext.data.Model', 
      fields: [ 
       {name: 'name', type: 'string'}, 
       {name: 'email', type: 'string'}, 
       {name: 'age', type: 'int'}, 
       {name: 'city', type: 'string'}] 
     }); 
     var userStore = Ext.create('Ext.data.Store', { 
      model: 'User', 
      data: [ 
       { name: 'User1', email: '[email protected]', age: 21, city: 'City1' }, 
       { name: 'User2', email: '[email protected]', age: 28, city: 'City3' }, 
       { name: 'User3', email: '[email protected]', age: 24, city: 'City2' }, 
       { name: 'User4', email: '[email protected]', age: 23, city: 'City1' }, 
      { name: 'User5', email: '[email protected]', age: 24, city: 'City3' }, 
      { name: 'User6', email: '[email protected]', age: 26, city: 'City4' } 
      ] 
     }); 

     var optionsStore = Ext.create('Ext.data.Store', { 
      fields: ['city'], 
      proxy: { 
       type: 'ajax', 
       url: 'myData', 
       reader: 'array' 
      } 
     }); 


     Ext.create('Ext.grid.Panel', { 
      renderTo: Ext.getBody(), 
      store: userStore, 
      width: 400, 
      height: 200, 
      title: 'Users', 
      columns: [ 
       { 
        text: 'Name', 
        width: 100, 
        sortable: true, 
        dataIndex: 'name', 
       filter: {type: 'string'} 
       }, 
       { 
        text: 'Email Address', 
        width: 150, 
       sortable: true, 
       filterable : true, 
        dataIndex: 'email', 
        hidden: false, 
       filter: {type: 'string'} 
       }, 
       { 
        text: 'Age', 
        width: 150, 
       sortable: true, 
       filterable : true, 
        dataIndex: 'age', 
        hidden: false, 
       filter: {type: 'numeric'} 
       }, 
       { 
        text: 'City', 
        flex: 1, 
       sortable: true, 
        dataIndex: 'city', 
       filter: { 
         type: 'list', 
         store: optionsStore 
        } 
       } 
      ] 
     }); 
    } 
});

來源

2013-10-30 Marikkani Chelladurai

就以[這個論壇]一看（http://www.sencha.com/forum/showthread.php?143811-ExtJS-4 -add濾波器-ON-列-IN-A-網格）。 – wens

我會看看 –

@ 99RedBalloons我嘗試了一些東西，但它不適合我。 –

你試過看看這個example

來源

2013-10-30 17:51:32 kuldarim

我已將代碼複製到我的app.js中，但它甚至沒有顯示網格。我錯過了一些東西，但我不確定。 –

Extjs Grid中的列表過濾器

回答

相關問題