Docking Layout with jqxTabs in place documentPanel

[marlonwangerParticipant]

I am testing the docking layout and would like to know if it is possible in place of documentPanel, using a jqxTabs I need to create these tabs by clicking on some file in the tree.

Currently I can inject runtime components into the tabs.

I would like to know if this replacement is possible. or if it is possible to create these documentPanel in runtime

Marlon

[marlonwangerParticipant]

I’ve tried something like

            type: 'layoutGroup',
            orientation: 'vertical',
            width: '55%',
            items: [
              {
                type: 'documentGroup',
                height: 600,
                minHeight: 200,
                initContent: () => {
                  const instance = jqwidgets.createInstance('#tabContainer', 'jqxTabs', {
                    theme: 'material',
                    width: '100%',
                    height: '100%',
                    position: 'top',
                  });
                }
              }
            ]

but it did not work

Thank you all

[HristoParticipant]

Hello marlonwanger,

Is there any error message in the console?

I would like to suggest you another approach which is more suitable for your case.
Please, take a look at this tutorial.
It demonstrates how you could use Dynamic Injection approach – you could add a new component at the moment you want.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[Author]

Posts