Multiview

Multiview is a component that lets you present different views in the same area. At the same time, just one view is visible. Ui-related multiview inherits from layout.


Full code of the example in the picture (including xml structure)

Initialization

To init the component you need to perform a simple procedure - call initialization code.

Initialization code or an object constructor lets you an create object by using common declaration.

dhx.ui ({view:"multiview", 
...})

Parameters

In constructor you can specify the following parameters:

  • cells - template of the data for a cell

Please note, multiview is a derived class, i.e. it inherits all the features of the base classes (multiview → layoutview).

dhx.ui({ 
        rows:[{
             gravity:2,  view:"multiview",
                            cells:[    
                                { template:"Section A", id:"tab_a" },
                                { template:"Section B ", id:"tab_b" },
                                { template:"Section C ", id:"tab_c" }
                            ]
              }]
        ...
});

Related how-tos