Ext fields as content of expanded row

Ext fields as content of expanded row

Originally Posted by ricardolowe

Only solution that comes to mind is to pass the datastore for a combobox and do <tpl for loop> over the data to build an HTML dropdown ( <select id={parentrow.id} > ), etc. That feels cheesy for some reason. Would rather use the Ext components.

I needed something similar. My solution is exactly that. In the tpl, I gave <input type=text id="customFIeld-row{rowIndex}-field1" >.

good job,but i found a bug and fixed it

good job,but i found a bug and fixed it

Hello,everybuddy:
I use the plugin in an pre-configured grid class. I found a bug: when I clicked the expander plugin, the icon changed but not content diplay. I inserted an alert into the remotemethod, I found that the remotemethod had been called. What happened? I check out the source code and maybe found the source of it. I fixed this bug with following code,perhaps it will help somebody.
By the way, I use this plugin by:

thanks, i post the reply in incorrect style. You fix it!

Ext fields as content of expanded row without Tpl

Ext fields as content of expanded row without Tpl

ricardolowe was asking how to put Ext fields into the expanded row. I had the same requirement. I initially thought I had it solved but found problems. See here now the working solution which allows combo boxes, text boxes, etc in the expanded row content without using a Template. Just override a method to return Ext Panel items. The overridden method has access to the grid.store record of the row OR a record of a store passed in the config parm of RowExpander.

Here's the abstract class:

PHP Code:

/*** RowExpander changed from RowExpander.js in the Ext examples and some ideas taken * from the forum (http://extjs.com/forum/showthread.php?t=21017&page=3).** Override the createExpandingRowPanelItems function to make Ext expanded row content* (as opposed to using Ext.Template to make the expanded row content).** If config.store is passed in, pass a record for the row from that store instead * of the grid store into the createExpandingRowPanelItems function.*/Ext.grid.RowExpander = function(config){Ext.apply(this, config);Ext.grid.RowExpander.superclass.constructor.call(this);

onChangeField

onChangeField

FYI, in the code in that last post, the ext fields created by the createExpandingRowPanelItems() function are not created unless the row is expanded. But the store can contain the data from those ext fields if you do something like this in your ext field:

RowExpander does not get the values from the store

RowExpander does not get the values from the store

I am using a grid to display the data along with a RowExpander.
When the expand the row it does show the fields but without values which I really want to get to. The other issue is I want to learn how to override the createExpandingRowPanelItems function in the RowExpander class. I dont think I am doing it right.

How to rectify the Ext={version:"2.2"};window["undefined"]=window["undefined"]; error

How to rectify the Ext={version:"2.2"};window["undefined"]=window["undefined"]; error

Hi,

I refered the above sample and I implemented the sample nested grid using GridPanel 2.2. It is not expand the child grid. I got error from firebox during the childGrid = function(record, index) execution time.The error message is Ext={version:"2.2"};window["undefined"]=window["undefined"];Ext.apply=function(C,D,B{if({Ext.apply(C,B}if(C&&D&&typeof D=="object"){for(var A in D){C[A]=D[A]}}return C};(function(){var idSeed=0;var ua=navigator.userAgent.toLowerCase();