|
Title: Dynamically load new pages inside expanded Datagrid row Post by: KennyD on March 17, 2014, 04:59:19 AM 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. |