Master-Slave Grid

Webix JS
#1

Hi, I am new on Webix UI components. So, I have a question about master-slave data grid. How can I do this? Could you make me a sample code snippet.

Click master row and show these row’s data.

Regards.

#2

Hello,

It is possible with data binding. For more information, please check also the following article.
Sample: Code Snippet

#3

there are different solutions depending on situation.

  1. Binding - Code Snippet
    Data Binding of Guides, Loading and Storing Data Webix Docs 
2. Load slave table data on master item click

master.attachEvent("onItemClick", function(id) {
    slave.load("/path/to/slave/data?id"=id);
});

3. Set slave table data on master item click

master.attachEvent("onItemClick", function(id) {
    var masterRow = this.getItem(id);
    slave.clearAll();
    slave.parse(masterRow.slaveDataProperty);
});
#4

Thanks for replies @Nastja and @intregal