Duda sobre como manejar un gridPanel que quiero que tenga un checkbox
Hola buen día, estoy intentando crear un gridPanel que tenga un checkbox y pueda obtener cuáles son las filas seleccionadas y también que yo a través de JSON pueda marcar ciertas filas.
Para ello estoy creando una ventana hereda de Ext.Window, asi:
myVentanaCriteriosUnidad = Ext.extend(Ext.Window, {
initComponent: function() {
//Aqui voy creando los objetos
}
})
Para crear el Grid estoy intentado usar estas dos maneras:
// custom column plugin example
this.checkColumn = new Ext.grid.CheckColumn({
header : 'Dar de baja',
dataIndex : 'baja',
width : 5
});
/*----------------------------------------------------------------------------------------------------*
* Creating Ext.grid.ColumnModel
*----------------------------------------------------------------------------------------------------*/
this.cm = new Ext.grid.ColumnModel([
new Ext.grid.RowNumberer(),
{ header: 'Carrera', width: 10, dataIndex: 'id_carrera', hidden:true},
{ header: 'Materia', width: 10, dataIndex: 'id_materia', hidden:true},
{ header: 'Horario', width: 10, dataIndex: 'id_grupo', hidden:true},
{ header: 'Semestre', width: 10, dataIndex: 'semestre', hidden:true},
{ header: 'Carrera', width: 10, dataIndex: 'd_carrera', sortable:true},
{ header: 'Materia', width: 10, dataIndex: 'd_materia', sortable:true},
{ header: 'Horario', width: 10, dataIndex: 'd_horario', sortable:true},
this.checkColumn
]);
En esta primera manera me sale un error de que checkColumn no es un constructor.
Luego probé con esta manera:
this.cm = new Ext.grid.ColumnModel([
new Ext.grid.RowNumberer(),
{ header: 'Carrera', width: 10, dataIndex: 'id_carrera', hidden:true},
{ header: 'Materia', width: 10, dataIndex: 'id_materia', hidden:true},
{ header: 'Horario', width: 10, dataIndex: 'id_grupo', hidden:true},
{ header: 'Semestre', width: 10, dataIndex: 'semestre', hidden:true},
{ header: 'Carrera', width: 10, dataIndex: 'd_carrera', sortable:true},
{ header: 'Materia', width: 10, dataIndex: 'd_materia', sortable:true},
{ header: 'Horario', width: 10, dataIndex: 'd_horario', sortable:true},
{
xtype: 'checkcolumn',
header: 'Indoor?',
dataIndex: 'indoor',
width: 55
}
Donde estál o del checkcolum lo obetuve de un ejemplo de sencha.com
http://dev.sencha.com/deploy/dev/examples/grid/edit-grid.js
Y me sale el mismo error, que checkcolumn no es un constructor
La diferencia es que en el ejemplo usan un editorGridPanel.
Lo otro que uso y este si funciona es:
var mySelectionModel = new Ext.grid.CheckboxSelectionModel({singleSelect: false});
Yo he usado las dos primeras maneras, en un form normal y si puedo trabajarlas asi, por qué si uso Extent de Window me genera el error??
Lo otro es si uso Ext.grid.CheckboxSelectionModel({singleSelect: false}); cómo puedo saber lo siguiente:
- Al presionar un botón, saber las filas que están seleccionadas.
- Al obtener la información en un formato JSON, que aparezcan seleccionadas las filas según uno de los campos del JSON?
Por cierto estoy usando la versión 3.0 de Extjs
Saludos y gracias de antemano
Hola, si funciono, sólo dos cosas:
-El archivo estaba dentro de la carpeta plugin
-El nombre del archivo es ColumnCheck.js
Saludos y Gracias
Hola, si funciono, sólo dos cosas:
-El archivo estaba dentro de la carpeta plugin
-El nombre del archivo es ColumnCheck.js
Saludos y Gracias
te dice que no es un constructor porque no habras incluido la libreria CheckColumn.js que está en la carpeta ux ;) y luego añadirlo ademas de en el columnmodel en
plugins:[checkColumn] del grid ;)
¿Conoces a alguien que pueda responder esta pregunta? Comparte el link en Twitter o Facebook
Es necesario registrarse para poder participar en el foro! Si ya tienes una cuenta puedes entrar y comentar en este foro.