ui.headerlayout
A horizontal or vertical layout with the header(s).
The component consists of cells arranged vertically or horizontally. The header is an optional part of the cell, i.e. in one and the same layout some cells can be with headers, some cells - without. By clicking on the header the user can collapse/expand the related cell. Check layout documentation for more detailed description.
Constructor
var headerlayout = webix.ui({
view:"headerlayout",
container:"mydiv",
...config options goes here..
})
//or, in case of jQuery
$("#mydiv").webix_headerlayout({
...config options goes here..
});
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 |
getNode | returns the main HTML container for the calling object |
getParentView | returns the parent view of the component |
getTopParentView | returns top parent view |
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 |
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
Properties
animate | defines or disables view change animation. |
borderless | used to hide the component borders |
collapsed | 'says' to display initially all accordion cells collapsed |
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 |
multi | enables/disables mode when several panels can be visible at once |
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) |
panelClass | returns the name of a css class applied to the accordion panels |
responsive | enables responsive mode for horizontal layout |
rows | array of views objects arranged vertically |
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