Seeking input on: TreeGrid. Thanks!

[sandeParticipant]

How do I access and modify the underlying data source of jqxTreeGrid dynamically with jQuery?

[adminKeymaster]

Hi,

You can set the source property to a new value and it will re-render the Tree Grid.

// Define new source
var newSource = {
    dataType: "json",
    dataFields: [
        { name: 'id', type: 'number' },
        { name: 'name', type: 'string' },
        { name: 'children', type: 'array' }
    ],
    hierarchy: {
        root: 'children'
    },
    id: 'id',
    localData: [
        { id: 1, name: "New Parent", children: [
            { id: 2, name: "New Child 1" },
            { id: 3, name: "New Child 2" }
        ]}
    ]
};

var newAdapter = new $.jqx.dataAdapter(newSource);

// Update TreeGrid dynamically
$("#treeGrid").jqxTreeGrid({ source: newAdapter });

Best regards,
Peter Stoev

jQWidgets Team
https://www.jqwidgets.com/

[Author]

Posts