Properties

Name Type Default
disabled Boolean false

Gets whether the dockpanel is disabled.

Code examples

Set the disabled property.

$('#jqxDockPanel').jqxDockPanel({ disabled: false }); 

Get the disabled property.

var disabled = $('#jqxDockPanel').jqxDockPanel('disabled');
Try it: disabled is set to true
height Number/String null

Sets or gets the dockpanel's height.

Code examples

Set the height property.

$('#jqxDockPanel').jqxDockPanel({ height:"300px" }); 

Get the height property.

var height = $('#jqxDockPanel').jqxDockPanel('height');
Try it: height is set to 210
lastchildfill Boolean true

When true, the last child gets the available width and height.

Code examples

Set the lastchildfill property.

$('#jqxDockPanel').jqxDockPanel({ lastchildfill: false }); 

Get the lastchildfill property.

var lastchildfill = $('#jqxDockPanel').jqxDockPanel('lastchildfill');
Try it: lastchildfill is set to true
width Number/String null

Sets or gets the dockpanel's width.

Code examples

Set the width property.

$('#jqxDockPanel').jqxDockPanel({width: '200px'});

Get the width property.

var width = $('#jqxDockPanel').jqxDockPanel('width');
Try it: width is set to 300

Events

layout Event

Occurs when the layout is performed.

Code examples

Bind to the layout event by type: jqxDockPanel.

$('#jqxDockPanel').bind('layout', function () { // Some code here. }); 
Try it: Bind to the layout event by type: jqxDockPanel.