Foro

Duda sobre como manejar un gridPanel que quiero que tenga un checkbox

0
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
0
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
0
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
0
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 ;)
0
okidoki Pasblin, es cierto, no he incluido la biblioteca que me dices, :) voy a ponerla y ya regreso a dar las conclusiones. Gracias

¿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.