Multiview change view

Webix JS
1

Hi all,
I’m trying to create a view where I’ll change the content by clicking the sidebar.
But that is not appended.
Can anyone help me?
https://snippet.webix.com/03uyubid

2

Hello @lio00lio ,

To change the content by clicking the sidebar the cells should contain the array of views:

const cells = [
  {
    id: "home_view",
    rows: [
      { template:"<h2>Home!</h2>", height:80, css:"webix_header" },
      { 
        view:"list", id:"home_list", template:"#title#", select:true,
        data:[
          { id:1, title:"news 1:" },
          { id:2, title:"news 2: " },
          { id:3, title:"news 3: " }
        ]
      }
    ]
  },
  {
    id: "tournaments_view",
    rows:[
      { template:"<h2>Tournaments</h2>", height:80, css:"webix_header" },
      { template:"<p>tournaments details and list...</p>" }
    ]
  },
  {
    id: "profile_view",
    rows:[
      { template:"<h2>profile</h2>", height:80, css:"webix_header" },
      { template:"<p>profile...</p>" }
    ]
  }
];

Please check the example: Code Snippet

1 Like
3

Thanks. I solved it with your help.