Hi.

I'm using the following code to expand rows in my datagrid table:
http://www.jeasyui.com/tutorial/datagrid/datagrid21.php

Now, I've been searching without any luck. I've been looking through the Javascript files too, but haven't been able to achieve this.

Instead of clicking the plus (+) and minus (-) images in the left side of the rows I want to click the entire row and expand as normal. I've been looking at Stackoverflow and these very forums without any luck.

I found something about expanding on header click, but I don't think that's the right thing.

Can someone please point me in the right direction and maybe even show me where the code is placed in the javascript file jquery-easyui.

Hi.
I am using EasyUI and DataGrid along with MySQL to load additional data about a specific type of records in my database.
I've been susing this official tutorial as reference, and so far it does work: http://www.jeasyui.com/tutorial/datagrid/datagrid21.php

Now, a feature of what I want done, is having the option to change page based on a simple CSS menu INSIDE the frame / expanded area.
I have trouble achieving this, and I tried using iframes and switch statements.

This is what I had in mind: When you expand the row by default you see different colors of the item. Then if you press one of the menu buttons, let's say the "Weight" menu, it changes layout to a second page grapping weight properties from the database. <-- All this should be done without having to refresh the entire page - which only resets the expanded row.

Is this possible using Jquery/Javascript? Has this been done before, and how? I've been at this for a week now, and nothing seems to interact with the dynamic loading of the data the way I want it to.