Nested Grid IN EXTJS -
hi
how design nested grids in extjs please provide samples(how use rowexpander in extjs gridpanel)
try this:
//create row expander. var expander = new ext.ux.grid.rowexpander({ tpl : new ext.template('<div id="myrow-{id}" ></div>') }); //define function called when row expanded. function expandedrow(obj, record, body, rowindex){ //absid parameter http request absence details. var absid = record.get('id'); var dynamicstore = //the new store nested grid. //use id give each grid unique identifier. id used in row expander tpl. //and in grid.render("id") method. var row = "myrow-" + record.get("id"); var id2 = "mygrid-" + record.get("id"); //create nested grid. var gridx = new ext.grid.gridpanel({ store: dynamicstore, striperows: true, columns: [ //columns ], height: 120, id: id2 }); //render grid row expander template(tpl). gridx.render(row); gridx.getel().swallowevent([ 'mouseover', 'mousedown', 'click', 'dblclick' ]); } //add expand listener row expander. expander.on('expand', expandedrow); you can find more information on here
Comments
Post a Comment