ui.tabview
A container control with a navigation tab panel that keeps a set of views and displays one view at a time.
The component optimizes the process of creating tabbed structures on the page - elements that present multiple groups of content switched by tabs. Check tabview documentation for more detailed description.
Constructor
var tabview = webix.ui({
view:"tabview",
container:"mydiv",
...config options goes here..
})
//or, in case of jQuery
$("#mydiv").webix_tabview({
...config options goes here..
});
Where to start
Methods
addView | add new view to layout-like component |
adjust | adjusts the component to the size of the parent HTML container |
attachEvent | attaches the handler to an inner event of the component (allows behaviour customizations) |
bind | binds components |
blockEvent | temporarily blocks triggering of ALL events of the calling object |
callEvent | calls an inner event |
define | redefines a single configuration property (or a hash of properties) |
destructor | destructs the calling object |
detachEvent | detaches a handler from an event (which was attached before by the attachEvent method) |
disable | disables the calling view (makes it dimmed and unclickable) |
enable | enables the calling view that was disabled by the 'disable' method |
getChildViews | returns child views of the calling component |
getFormView | returns master form for the input |
getMultiview | returns webix ui for multiview in tabbar |
getNode | returns the main HTML container for the calling object |
getParentView | returns the parent view of the component |
getTabbar | returns webix ui for Tabbar in tabview |
getTopParentView | returns top parent view |
getValue | returns the current value of the control |
hasEvent | checks whether the component has the specified event |
hide | hides the view |
index | returns the cell index in the layout collection |
isEnabled | checks whether the view is enabled |
isVisible | checks whether the view is visible |
mapEvent | routes events from one object to another |
reconstruct | rebuilds the layout |
removeView | removes view from layout-like component |
resize | adjusts the view to a new size |
resizeChildren | resizes all children of the calling component |
setValue | sets a new value for the component |
show | makes the component visible |
showBatch | makes visible those elements which parameter 'batch' is set to the specified name |
unbind | breaks "bind" link |
unblockEvent | cancels blocking events that was enabled by the 'blockEvent' command |
Events
onBindRequest | fires when the component is ready to receive data from the master component |
onDestruct | occurs when component destroyed |
Properties
animate | defines or disables view change animation. |
borderless | used to hide the component borders |
cells | defines content of tabview |
cols | array of views objects arranged horizontally |
container | an html container (or its id) where the component needs initializing |
css | the name of a css class that will be applied to the view container |
disabled | indicates whether an item is enabled or not |
gravity | sets the view gravity (1 by default) |
height | sets the height of the component |
hidden | defines whether the view will be hidden initially |
id | the component ID |
isolate | masks IDs of all inner element |
margin | defines the space around elements (applies the specified value to all elements) |
maxHeight | sets the maximum height for the view |
maxWidth | sets the maximum width for the view |
minHeight | sets the minimal height for the view |
minWidth | sets the minimal width for the view |
multiview | allows to configure multiview part of tabview |
on | allows attaching custom handlers to inner events of the component |
padding | defines the space between the element borders and content (applies the specified value to all sides). |
paddingX | sets the right and left padding (applies the specified value to both sides) |
paddingY | sets the top and bottom padding (applies the specified value to both sides) |
responsive | enables responsive mode for horizontal layout |
rows | array of views objects arranged vertically |
tabbar | allows to configure tabbar part of tabview |
type | defines the layout borders |
visibleBatch | sets the batch that will be shown initially |
width | sets the width of the component |
Other
$getSize | returns the current size of the component |
$height | current height of the view |
$setSize | sets the component size |
$skin | method, which will be called when skin defined |
$view | reference to top html element of the view |
$width | current width of the view |
config | all options from initial component configuration |
name | indicates the name of the component (a read-only property) |
Back to top