2017-10-26 3 views
0

Ich suche nach einer Möglichkeit, die Sortierung auf Eigenschaftenraster zu aktivieren. Ich habe versucht, einige "sortierbare" und "defaultSortable" an einigen Stellen zu wahren, aber nichts passiert. Normalerweise in ExtJS sortierbar ist Standard, warum es für mich nicht funktioniert.Wie kann die Sortierung in ExtJS aktiviert werden?

columns: [ 

     { header: 'Sample Name', dataIndex: 'sample_name',flex: 1,sortable: true, 
      editor: { 
       allowBlank: true 
      } }, 
     { header: 'Sample Type', dataIndex: 'sample_type',flex: 1,sortable: true, 
      editor: { 
       allowBlank: false 
      } }, 
     { header: 'Text Code', dataIndex: 'text_code',flex: 1,sortable: true, 
      editor: { 
       allowBlank: false 
      } }, 
] 
+0

zusammen eine Geige Put. –

+0

[Grid] (https://docs.sencha.com/extjs/4.2.6/#!/api/Ext.grid.Panel) hat die Standardsortierung verfügbar, die Eigenschaft muss nicht angewendet werden. Sie können hier in meiner [Sencha Geige] (https://fiddle.sencha.com/#view/editor&fiddle/28te). Haben Sie die Eigenschaft [sortableColumns] (https://docs.sencha.com/extjs/4.2.6/#!/api/Ext.grid.Panel) ausprobiert? –

+0

Ja, ich weiß, dass es Standard Sortiereigenschaften hat, aber ich weiß nicht, warum es nicht für mich funktioniert. –

Antwort

1

Sie müssen Ext.grid.Panel verwenden. siehe standardmäßig sortableColumns ist wahr, documentation

diesen Code Versuchen in Geige:

Ext.application({ 
    name : 'Fiddle', 

    launch : function() { 
     Ext.create('Ext.data.Store', { 
      storeId:'simpsonsStore', 
      fields:['name', 'email', 'phone'], 
      data:{'items':[ 
       { 'name': 'Lisa', "email":"[email protected]", "phone":"555-111-1224" }, 
       { 'name': 'Bart', "email":"[email protected]", "phone":"555-222-1234" }, 
       { 'name': 'Homer', "email":"[email protected]", "phone":"555-222-1244" }, 
       { 'name': 'Marge', "email":"[email protected]", "phone":"555-222-1254" } 
      ]}, 
      proxy: { 
       type: 'memory', 
       reader: { 
        type: 'json', 
        root: 'items' 
       } 
      } 
     }); 

     Ext.create('Ext.grid.Panel', { 
      title: 'Simpsons', 
      store: Ext.data.StoreManager.lookup('simpsonsStore'), 
      columns: [ 
       { text: 'Name', dataIndex: 'name' }, 
       { text: 'Email', dataIndex: 'email', flex: 1 }, 
       { text: 'Phone', dataIndex: 'phone' } 
      ], 
      height: 200, 
      width: 400, 
      renderTo: Ext.getBody() 
     }); 
    } 
}); 
Verwandte Themen