Renders the object into box. Returns number of milliseconds it took to render.

Description

If the box argument is not specified, the widget will be rendered into the DOM element specified by the .box property. The .render() method will also create related objects by calling their .render() methods. For example, each w2grid has a toolbar, which is a w2toolbar object. When grid is rendered, the toolbar object will be rendered as well. If you pass a selector during object creation it will be automatically rendered into that element: let layout = new w2layout({ name : 'layout', panels : [ { type: 'top', size: 40 }, { type: 'main', content: 'This is main panel' }, { type: 'preview', size: 200, hidden: true } ] }); You could have created layout in the following way: let layout = new w2layout({ name : 'layout', panels : [ { type: 'top', size: 40 }, { type: 'main', content: 'This is main panel' }, { type: 'preview', size: 200, hidden: true } ] }); The widget will be created in memory and you can render it by: w2ui.layout.render($('#layout')[0]); But preferred way to do: $('#layout').w2render('layout');