Expand Grid Lines to Detail More

[domluc]

Hello All,

On our application , we have a Table with tree funcionality, and in this week I'll migrate all widgets to yui-ext, but i have a strong difficult to make this Table with Grid from yui-ext.

My key point is The icon [+] and how to create new line above clicked line

Attached screenshots of we table.

Normal State
http://img15.imgspot.com/u/07/81/16/table.png

Loading Information(Ajax)
http://img15.imgspot.com/u/07/81/16/table1.png

Detailed State of One Row
http://img15.imgspot.com/u/07/81/16/table2.png

[domluc]

hi,

no one can help me?

[Animal]

That looks like you need a complex View rather than a Grid. The Grid will not support this.

[domluc]

Thx Animal,

The solution can is another widget of yui-ext.

But i look in docs and did'nt find one way to resolve this.

[Animal]

Ext.View is documented.

But this will be a complex View. The template for it will be large.

The Template defines the HTML makeup of each "row" in the vew. In your case, it will be a row of data that's similar to what you have already. I don't know if you are using a table per line with fixed width table cells, or floated divs with defined widths to display your data lines, but you'd put the same thing in your template, along with the hidden detail div below.

To listen for the click on the "+" icon, you'd have to add a click handler to your View, and then test the target of the event to see if it was the "+" icon.

It's an interesting project.

[domluc]

Aninal, thx again for support

I'll try to make solution for this, as soon as possible I'll publish it here!