Component Column - Components in Grid Cells

[skirtle]

@alvita. The current version doesn't wire up component queries to the column's children. There's a post discussing how to do that here:

http://www.sencha.com/forum/showthre...588#post775588

However, my first thought is that this isn't the right way to achieve cascading comboboxes. Rather than having the two comboboxes talk to each other directly just have the first combobox update the row's record when a value is selected. That'll cause a refresh of the row and you can render the second combobox based on the value in the record.

[johanhaest]

Is it possible to share your version of CTemplate for 4.1 ?
We have the same out of stack exception.

[carlov]

Hi
i am trying to use componentcolumn in a grid which has dynamic model

listeners : {
'metachange' : function(store,meta){
grid.reconfigure(store , [{xtype : 'componentcolumn', 
                                          header:'blabla',
                                          dataIndex : 'bla_bla',
                                          renderer : function(){return {
                                              text: 'Delete',
                                              xtype: 'button',
                                              handler: function() {
                                              }
                                           };
                                        },
                                       {},
                                        ...,
                                       {}]);
}
} 

and it doesn't work, in the way that i get [object Object] where i should get the button.
Any idea?
Thx

[skirtle]

@carlov. I've tried this against 4.1.0, 4.1.1 and 4.1.2 and it works fine in all cases.

If you could extract a complete, minimal test case then feel free to send it to me via PM. If we find anything worth sharing I'll report back to this thread.

[wrowan]

I realize I am in the wrong forum, but I haven't been able to find a similar solution for Ext JS 3.4. Any thoughts on what I might be able to do would be greatly appreciated.

Thanks!

UPDATE: I ended up going with an editable grid rendering a "select" button and expanding the combo box on focus, loading the store in the beforeedit event of the grid. It isn't quite as clean as this solution, but passed acceptance testing...

[carlov]

yes it works, it was my mistake; i assigned the renderer into grid reconfigure event listener (which fires after the reconfiguration).
Thanks for you time skirtle!

[skirtle]

@Lukappa. That is a different extension. I believe you were looking for Its.grid.column.Component:

http://www.sencha.com/forum/showthread.php?174504

[Lukappa]

Hi skirtle, you are right!
I'm sorry for my mistake...

[Dev@QLP]

I think I'd do this by changing renderComponent in CTemplate. Currently it just calls the component's render method but that won't work if the component is already rendered. If that method also supported moving an existing component it should be possible to keep the same component when the grid refreshes rather than creating a new one. Without knowing your use case I don't know whether this would meet you needs.

@skirtle: Thanks so much for these awesome user extensions! I wasn't sure if I should reply here or on the post for CTemplate but do you have any more specific ideas on how to avoid the components from being destroyed and recreated after each view update? I have a small grid with a few regular columns, 2 component columns and a check column (ux). I have everything working as I want it, I just need to work on performance and I'm not that familair with how the internals of the grid refreshes work. Any help would be appreciated.

[mikih]

Hi folks,

I am using the componentn coluns as a workaround for e.g. sencha touch dataviews with useComponent or as people might know itemrenderer from flex.

I have a list of items which act as a multi select menu. Inside each item are more buttons that need interaction... I can register a click event thats working fine even though I have to use 'button[action="deliveryDetails"]' instead of e.g. 'index menu button[action="deliveryDetails"]' as ComponentQuery is not working on the injected components...

Problem is that I can not prevent the grid selection model from selecting/deselecting the item each time I click an item inside the component...

I tried to

stopEvent() on the click but that wont help either...


Any ideas?

Last idea would be to disableSelection on the grid and handle selection myself - but that would be such a pain....


Thanks in advance


Florian