Extjs 4: grid mit mehr selType

Ich versuche, herauszufinden, wie zu definieren, ein Ext.grid.Panel mit verschiedenen selType.

Eigentlich, brauche ich ein Netz, die mir erlaubt, wählen Sie sowohl einzelne Zellen und Zeilen (mit checkbox).
Im ersten Fall muss man es definieren selType config als cellmodel aber im zweiten Fall muss selType konfiguriert checkboxmodel. Leider selType akzeptiert einen string und kein array.

So, gibt es eine Möglichkeit, zu definieren, verschiedene selType auf ein einziges Netz?

  • Baseclass Ihre gridpanel und leiten daraus mit verschiedenen seltypes. Ich denke, es ist der einzige Weg, wie Sie dies erreichen können.
InformationsquelleAutor Wilk | 2012-10-05
  1. 2

    Ok, es ist möglich zu konfigurieren, sowohl eine selType und ein selModel im gleichen grid.

    Hier ein Beispiel:

    //Store
var store = Ext.create ('Ext.data.Store', {
  fields: ['name', 'surname'] ,
  data: [
    {name: 'foo', surname: 'bar'} ,
    {name: 'too', surname: 'tar'} ,
    {name: 'zoo', surname: 'zar'} ,
    {name: 'coo', surname: 'car'} ,
    {name: 'boo', surname: 'bar'}
  ]
});

    Und dann die Gitter:

    //Dual selection grid
Ext.create ('Ext.grid.Panel', {
  title: 'My Grid' ,
  store: store ,
  width: 300 ,
  height: 300 ,
  renderTo: Ext.getBody () ,

  selModel: Ext.create ('Ext.selection.CheckboxModel') ,
  selType: 'cellmodel' ,
  plugins: {
    ptype: 'cellediting' ,
    clicksToEdit: 1
  } ,

  columns: [{
    text: 'Name' ,
    dataIndex: 'name' ,
    editor: {
      xtype: 'textfield' ,
      allowBlank: false
    }
  } , {
    text: 'Surname' ,
    dataIndex: 'surname' ,
    editor: {
      xtype: 'textfield'
    }
  }]
});

    Aber es ist auch möglich zu verfolgen, wie vorgeschlagen, durch A1rPun, um es besser verwenden, mehr selType mit Hierarchie:

    //Base grid with cellediting plugin and cellmodel as selType
Ext.define ('CellEditGrid', {
  extend: 'Ext.grid.Panel' ,
  selType: 'cellmodel' ,
  plugins: {
    ptype: 'cellediting'
    clicksToEdit: 1
  }
});

//Adds the checkboxmodel selType to the base CellEditGrid
Ext.define ('DualSelectionGrid', {
  extend: 'CellEditGrid' ,
  selType: 'checkboxmodel' ,
  multiSelect: true
});

//Finally, we got our dual selection grid (cellmodel and checkboxmodel)
Ext.create ('DualSelectionGrid', {
  title: 'My Grid' ,
  store: store ,
  width: 300 ,
  height: 300 ,
  renderTo: Ext.getBody () ,

  columns: [{
    text: 'Name' ,
    dataIndex: 'name' ,
    editor: {
      xtype: 'textfield' ,
      allowBlank: false
    }
  } , {
    text: 'Surname' ,
    dataIndex: 'surname' ,
    editor: {
      xtype: 'textfield'
    }
  }]
});
    • +1 - das einzige, was noch Probleme verursachen, war, dass in ExtJS 5 mindestens einen Klick Auslöser für die combobox, datefield-editor war, die Zeile Auswahl Umschalten, und für diese habe ich zurückgegeben, false, 'beforedeselect" - Veranstaltung von CheckboxModel wenn-editor.die Bearbeitung wurde wahr (im edit Modus). Ich habe es nur auf 'beforedeselect" als ich damit Bearbeiten Sie nur auf die ausgewählten Zeilen !
    InformationsquelleAutor Wilk
  2. -2

    Kann es nicht!

    grid.getSelectionModel().getCurrentPosition().column

    Nicht der aktuelle editor.

    InformationsquelleAutor user3076656
Schreibe einen Kommentar