Nested grids with unique records

[dan123Participant]

Hi I already started designing a scenario for nested grids. Where the main grid is the store, second level grid is the manager, submanager, the third level grid is the employees under manager, submanager. I cannot seem to link and make each unique. All rows keeps on having same nested.

Example:
Main grid:
Columns: Company Contact Name
Row 1: Bakery->Expanded
Row 2: Pizzastore->Expanded

Second grid: Expand of Bakery
Columns: Manager Phone
Row 1: Jake->Expanded
Row 2: Phil->Expanded

Third grid: Expand of Jake
Columns: Firstname
Row 1: Ryan
Row 2: David
Row 3: Kim

Third grid: Expand of Phil
Columns: Firstname
Row 1: Andrew

Second grid: Expand of Pizzastore
Columns: Manager Phone
Row 1: Chase->Expanded
Row 2: Marlo->Expanded

Third grid: Expand of Chase
Columns: Firstname
Row 1: Hank
Row 2: Ashley

Third grid: Expand of Marlo
Columns: Firstname
Row 1: Bridget
Row 2: Selena
Row 3: Benny
Row 4: Ellie

Here is my jsfiddle:
http://jsfiddle.net/bHR3b/227/

[HristoParticipant]

Hello dan123,

You need to set different data for each row.
Please, take a look at this example:
http://jsfiddle.net/8198ykLv/
Hope this helps.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[dan123Participant]

Hi Hristo, I was able to implement the second level grid with unique records. But the third level is having the same records.

So right now its doing like this:
Row 1: Bakery
Row 2: Pizzastore

Second Level nest: Good, all rows are unique. but when you try to expand its has same results as Pizzastore.

Third Level nest: Bad, the rows are not unique.
Row 1: Bakery: Third level showing records: index–>0
Ryan
Wai

index–>1
Leo
Bryant

Row 2: Pizzastore: Third level also showing records: index–>0
Ryan
Wai

index–>1
Leo
Bryant

Please help here is my jsfiddle:
http://jsfiddle.net/9hg0vffm/33/

[HristoParticipant]

Hello dan123,

You need to set unique data for the third level as for the second level.
Need to check what data do you receive it will become more complicated with more levels.
I would like to suggest you look at the options of the jqxTreeGrid, this could be a more useful approach for your case.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[Author]

Posts