gridviewextjssencha-touchstoresencha-architect

ExtJs How can I add column support to an expander plugin?

I have a dynamically generated grid with an expander plugin.

The contents of the expanded area are set with an Ext.Template.

body: {
    tpl: '<div>This is a custom tpl. It is not affected by grid columns.</div>'        
}

Is there any way I can bind the expanded content area with the grid columns/model? Meaning, can I make the content of the expander plugin follow the structure of the grid, and have custom values to each column?

A grouper to the grid's store has a functionality similar of what I need, but I can not add custom values as I could with the expander plugin. (See example screenshot below)

imgur example

Solution

  • You can implement a rowwidget with a grid in it, check this example or a tree grid