|
Name
|
Type
|
Default
|
|
width
|
Number/String
|
null
|
Sets or gets the panel's width.
Code examples
Set the width property.
$('#jqxPanel').jqxPanel({width:"200px"});
Get the width property.
var width = $('#jqxPanel').jqxPanel('width');
|
|
height
|
Number/String
|
null
|
Sets or gets the panel's height.
Code examples
Set the height property.
$('#jqxPanel').jqxPanel({height:"400px"});
Get the height property.
var height = $('#jqxPanel').jqxPanel('height');
|
|
rtl
|
Boolean
|
false
|
Sets or gets a value indicating whether widget's elements are aligned to support locales using right-to-left fonts.
Code example
Set the rtl property.
$('#jqxPanel').jqxPanel({rtl : true});
Get the rtl property.
var rtl = $('#jqxPanel').jqxPanel('rtl');
|
|
theme
|
String
|
''
|
Sets the widget's theme.
jQWidgets uses a pair of css files - jqx.base.css and jqx.[theme name].css. The base stylesheet creates the styles related to the widget's layout like margin, padding, border-width, position. The second css file applies the widget's colors and backgrounds. The jqx.base.css should be included before the second CSS file.
In order to set a theme, you need to do the following:
|
|
sizeMode
|
String
|
'fixed'
|
Sets or gets the sizing mode. In the 'fixed' mode, the panel displays scrollbars, if its content requires it.
In the wrap mode, the scrollbars are not displayed and the panel automatically changes its size.
Possible Values:
'fixed'
'wrap'
Code examples
Set the sizeMode property.
$('#jqxPanel').jqxPanel({sizeMode: "wrap"});
Get the sizeMode property.
var sizeMode = $('#jqxPanel').jqxPanel('sizeMode');
|
|
autoUpdate
|
Boolean
|
false
|
Automatically updates the panel, if its children size is changed.
Code examples
Set the autoUpdate property.
$('#jqxPanel').jqxPanel({autoUpdate: true});
Get the autoUpdate property.
var autoUpdate = $('#jqxPanel').jqxPanel('autoUpdate');
|
|
disabled
|
Boolean
|
false
|
Sets or gets whether the panel is disabled.
Code examples
Set the disabled property.
$('#jqxPanel').jqxPanel({ disabled:true });
Get the disabled property.
var disabled = $('#jqxPanel').jqxPanel('disabled');
|
|
scrollBarSize
|
Number
|
17
|
Sets or gets the scrollbar's size.
Code examples
Set the scrollBarSize property.
$('#jqxPanel').jqxPanel({ scrollBarSize: 20 });
Get the scrollBarSize property.
var scrollBarSize = $('#jqxPanel').jqxPanel('scrollBarSize');
|
|
|
|
append
|
Method
|
|
Appends an element to the panel's content.
Code examples
Invoke the append method.
$('#jqxPanel').jqxPanel('append', $('#elementId')[0]);
Try it: appends an element in the jqxPanel.
|
|
prepend
|
Method
|
|
Prepends an element to the panel's content.
Code examples
Invoke the prepend method.
$('#jqxPanel').jqxPanel('prepend', $('#elementId')[0]);
Try it: prepends an element in the jqxPanel.
|
|
remove
|
Method
|
|
Remove an element from the panel's content.
Code examples
Invoke the remove method.
$('#jqxPanel').jqxPanel('remove', $('#elementId')[0]);
Try it: removes an element in the jqxPanel.
|
|
clearcontent
|
Method
|
|
Clears the panel's content.
Code examples
Invoke the clearcontent method.
$('#jqxPanel').jqxPanel('clearcontent');
Try it: clears the content of the jqxPanel.
|
|
scrollTo
|
Method
|
|
Scroll to specific position.
Code examples
Invoke the scrollTo method.
$('#jqxPanel').jqxPanel('scrollTo', 10, 20);
Try it: scrolls to a specific position in the jqxPanel.
|
|
getScrollHeight
|
Method
|
|
Get the scrollable height. Returns a Number.
Code examples
Invoke the getScrollHeight method.
var height = $('#jqxPanel').jqxPanel('getScrollHeight');
Try it: gets the scroll's height in the jqxPanel.
|
|
getVScrollPosition
|
Method
|
|
Get the vertical scrollbar's position. Returns a Number.
Code examples
Invoke the getVScrollPosition method.
var position = $('#jqxPanel').jqxPanel('getVScrollPosition');
Try it: gets the scroll's position in the jqxPanel.
|
|
getScrollWidth
|
Method
|
|
Get the scrollable width. Returns a Number.
Code examples
Invoke the getScrollWidth method.
var width = $('#jqxPanel').jqxPanel('getScrollWidth');
Try it: gets the scroll's width in the jqxPanel.
|
|
getHScrollPosition
|
Method
|
|
Get the horizontal scrollbar's position. Returns a Number.
Code examples
Invoke the getHScrollPosition method.
var position = $('#jqxPanel').jqxPanel('getHScrollPosition');
Try it: gets the scroll's possition in the jqxPanel.
|
|
focus
|
Method
|
|
Focuses the widget.
Code examples
Invoke the focus method.
$('#jqxPanel').jqxPanel('focus');
Try it: focuses the jqxPanel.
|
|
destroy
|
Method
|
|
Destroys the widget.
Code examples
Invoke the destroy method.
$('#jqxPanel').jqxPanel('destroy');
Try it: destroy the jqxPanel.
|