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

Popular posts from this blog

php - What is the difference between $_SERVER['PATH_INFO'] and $_SERVER['ORIG_PATH_INFO']? -

fortran - Function return type mismatch -

queue - mq_receive: message too long -