2016-05-06 11 views
0

ich alle die Checkbox auf Header klickenalle Kontrollkästchen, auf Spaltenüberschrift klicken

Hier wählen versuche mein Code

columns: [ 
     { header: 'Select All', xtype: 'checkcolumn' dataIndex: 'active' }, 
     { header: 'Name', dataIndex: 'name' }, 
     { header: 'City', dataIndex: 'city' }    
    ], 
    listeners: {             
       'headerclick': { 
        fn: function (grid, col, e) { 
         if (col.fullColumnIndex == 0) { 
          //select row and check checkbox       
        } 
       }, 
        scope: this 
       } 
      } 

Ich kann den ausgewählten Spaltenindex erhalten. Wenn es also Null ist, möchte ich die Zeilen durchgehen und alle Kontrollkästchen aktivieren.

Wie wird dies implementiert? Bitte schlage mich vor.

+0

Vielleicht brauchen Sie nur Checkbox Auswahl Modell? http://dev.sencha.com/extjs/5.0.0/examples/kitchensink/#grid-plugins – serg

+0

Haben Sie diese Frage nicht gestellt? http://stackoverflow.com/questions/37074408/how-to-bind-dataindex-to-select-all-check-box –

Antwort

0

Dies sollte für Sie funktionieren. Sie müssen nur die Datensätze Ihres Geschäfts aktualisieren.

columns: [ 
     { header: 'Select All', xtype: 'checkcolumn' dataIndex: 'active' }, 
     { header: 'Name', dataIndex: 'name' }, 
     { header: 'City', dataIndex: 'city' }    
    ], 
    listeners: {             
       'headerclick': { 
        fn: function (grid, col, e) { 
         if (col.fullColumnIndex == 0) { 
          grid.store.each(function(rec){ 
           rec.set(col.dataIndex, true); 
          });       
        } 
       }, 
        scope: this 
       } 
      } 
1

Hier ist ein Beispiel, um alle Spalten der Klickkopfzeile auszuwählen.

columns: [ 
    { header: 'Select All', xtype: 'checkcolumn' dataIndex: 'active' }, 
    { header: 'Name', dataIndex: 'name' }, 
    { header: 'City', dataIndex: 'city' }    
], 

selModel:{ 
     checkOnly : true, 
     mode:'MULTI' 
}, 
selType: 'checkboxmodel', 
1

hier ein Beispiel ist, alle Spalte Checkbox per Scheck Header Checkbox auswählen, aber die Position unter dem Text ist, finde ich don keine Lösung.

{ 
    columns: [ 
     { 
      header: 'Select All', 
      xtype: 'checkcolumn', 
      HeaderCheckbox: true, 
      dataIndex: 'active' 
     }, 
     { 
      header: 'Name', 
      dataIndex: 'name' 
     }, 
     { 
      header: 'City', 
      dataIndex: 'city' 
     } 
    ], 
    selModel: 'checkboxmodel' 
}