jQuery UI Widgets Forums Grid Nested grids with unique records

This topic contains 3 replies, has 2 voices, and was last updated by  Hristo 7 years, 4 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • Nested grids with unique records #91321

    dan123
    Participant

    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/

    • This topic was modified 7 years, 4 months ago by  dan123.
    Nested grids with unique records #91391

    Hristo
    Participant

    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

    Nested grids with unique records #91487

    dan123
    Participant

    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/

    Nested grids with unique records #91555

    Hristo
    Participant

    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

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.