render web page from sidebar

Webix JS
#1

Hi,
I am trying to render another webpage when selected sidebar item using webix. Can you please suggest an example on how to do it.

Note: I have data in multiple html files. I need to select and display data from each page based on sidebar selected item. Would you please help me on this?

#2

Can anybody help on this please… I need way to load webpage when sidebar item is selected.

#3

@ganeshkp
did you try using iframe view?
https://docs.webix.com/api__refs__ui.iframe.html

#4

Can you please show how to map sidebar element with iframe

#5

https://snippet.webix.com/40ftw73z

#6

@integral Thank you so much for your help. It works fine.

#7

@integral I have one more question. I would like to pass sidebar selected item value to loaded external webpage using iframe. I would like to get that value in loaded webpage using onload function. Can you please show how to do it?

Note: My intention is to get selected item value in iframe loaded page.
Ex: In the below code:
https://snippet.webix.com/40ftw73z

When i clicked “Webix Services” item, loaded page should show “Webix Services”. That item name should come from selected item to loaded page.

Can you please help me on this.

#8

@ganeshkp
you can pass it as query parameter

          on:{
            onAfterSelect: function(id){
              const item = this.getItem(id);
              $$("iframe").load((item.path||"")+"?param="+item.required_param);
            }
          }

and parse query in the iframe

#9

Can you please show how to get it in loaded page also.Thanks for help

#10

@integral Thank you so much