|
cookies
|
bool
|
false
|
Sets or gets the cookies property.
<script src="~/jqwidgets/jqxdocking.js"></script><script src="~/jqwidgets/jqxwindow.js"></script><script src="~/jqwidgets/jqxbuttons.js"></script><jqx-docking cookies="true"> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 1.1</jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.1</jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 1.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 2.1 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.1 </jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 2.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.2 </jqx-button></jqx-docking-window-body>
|
|
cookieOptions
|
string
|
{}
|
Sets or gets the cookieOptions property.
<script src="~/jqwidgets/jqxdocking.js"></script><script src="~/jqwidgets/jqxwindow.js"></script><script src="~/jqwidgets/jqxbuttons.js"></script><jqx-docking cookies="true" cookie-options="'{ domain: 'jqwidgets.com', expires: 90 }'"> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 1.1</jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.1</jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 1.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 2.1 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.1 </jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 2.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.2 </jqx-button></jqx-docking-window-body>
|
|
disabled
|
bool
|
false
|
Sets or gets the disabled property.
<script src="~/jqwidgets/jqxdocking.js"></script><script src="~/jqwidgets/jqxwindow.js"></script><script src="~/jqwidgets/jqxbuttons.js"></script><jqx-docking disabled="true"> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 1.1</jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.1</jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 1.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 2.1 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.1 </jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 2.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.2 </jqx-button></jqx-docking-window-body>
|
|
floatingWindowOpacity
|
int
|
0.3
|
Sets or gets the floatingWindowOpacity property.
<script src="~/jqwidgets/jqxdocking.js"></script><script src="~/jqwidgets/jqxwindow.js"></script><script src="~/jqwidgets/jqxbuttons.js"></script><jqx-docking floating-window-opacity="0.4"> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 1.1</jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.1</jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 1.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 2.1 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.1 </jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 2.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.2 </jqx-button></jqx-docking-window-body>
|
|
height
|
int
|
auto
|
Sets or gets the height property.
<script src="~/jqwidgets/jqxdocking.js"></script><script src="~/jqwidgets/jqxwindow.js"></script><script src="~/jqwidgets/jqxbuttons.js"></script><jqx-docking height="300"> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 1.1</jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.1</jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 1.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 2.1 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.1 </jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 2.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.2 </jqx-button></jqx-docking-window-body>
|
|
keyboardNavigation
|
bool
|
false
|
Sets or gets the keyboardNavigation property.
<script src="~/jqwidgets/jqxdocking.js"></script><script src="~/jqwidgets/jqxwindow.js"></script><script src="~/jqwidgets/jqxbuttons.js"></script><jqx-docking keyboard-navigation="true"> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 1.1</jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.1</jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 1.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 2.1 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.1 </jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 2.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.2 </jqx-button></jqx-docking-window-body>
|
|
mode
|
string
|
default
|
Sets or gets the mode property.
<script src="~/jqwidgets/jqxdocking.js"></script><script src="~/jqwidgets/jqxwindow.js"></script><script src="~/jqwidgets/jqxbuttons.js"></script><jqx-docking mode="docked"> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 1.1</jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.1</jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 1.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 2.1 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.1 </jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 2.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.2 </jqx-button></jqx-docking-window-body>
|
|
orientation
|
string
|
horizontal
|
Sets or gets the orientation property.
<script src="~/jqwidgets/jqxdocking.js"></script><script src="~/jqwidgets/jqxwindow.js"></script><script src="~/jqwidgets/jqxbuttons.js"></script><jqx-docking orientation="horizontal"> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 1.1</jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.1</jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 1.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 2.1 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.1 </jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 2.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.2 </jqx-button></jqx-docking-window-body>
|
|
rtl
|
bool
|
false
|
Sets or gets the rtl property.
<script src="~/jqwidgets/jqxdocking.js"></script><script src="~/jqwidgets/jqxwindow.js"></script><script src="~/jqwidgets/jqxbuttons.js"></script><jqx-docking rtl="true"> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 1.1</jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.1</jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 1.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 2.1 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.1 </jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 2.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.2 </jqx-button></jqx-docking-window-body>
|
|
theme
|
string
|
''
|
Sets or gets the theme property.
<script src="~/jqwidgets/jqxdocking.js"></script><script src="~/jqwidgets/jqxwindow.js"></script><script src="~/jqwidgets/jqxbuttons.js"></script><jqx-docking theme="energyblue"> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 1.1</jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.1</jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 1.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 2.1 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.1 </jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 2.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.2 </jqx-button></jqx-docking-window-body>
|
|
width
|
int
|
auto
|
Sets or gets the width property.
<script src="~/jqwidgets/jqxdocking.js"></script><script src="~/jqwidgets/jqxwindow.js"></script><script src="~/jqwidgets/jqxbuttons.js"></script><jqx-docking width="300"> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 1.1</jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.1</jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 1.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 2.1 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.1 </jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 2.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.2 </jqx-button></jqx-docking-window-body>
|
|
windowsMode
|
string
|
null
|
Sets or gets the windowsMode property.
<script src="~/jqwidgets/jqxdocking.js"></script><script src="~/jqwidgets/jqxwindow.js"></script><script src="~/jqwidgets/jqxbuttons.js"></script><jqx-docking windows-mode="'{ 'window0': 'floating', 'window1': 'docked' }'"> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 1.1</jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.1</jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 1.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 2.1 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.1 </jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 2.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.2 </jqx-button></jqx-docking-window-body>
|
|
windowsOffset
|
int
|
5
|
Sets or gets the windowsOffset property.
<script src="~/jqwidgets/jqxdocking.js"></script><script src="~/jqwidgets/jqxwindow.js"></script><script src="~/jqwidgets/jqxbuttons.js"></script><jqx-docking windows-offset="7"> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 1.1</jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.1</jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 1.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 2.1 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.1 </jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 2.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.2 </jqx-button></jqx-docking-window-body>
|
|
|
|
dragStart
|
Event
|
|
Code examples
Bind to the dragStart event of jqxDocking.
<script src="~/jqwidgets/jqxdocking.js"></script><script src="~/jqwidgets/jqxwindow.js"></script><script src="~/jqwidgets/jqxbuttons.js"></script><jqx-docking on-drag-start="eventHandler()"> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 1.1</jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.1</jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 1.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 2.1 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.1 </jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 2.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel></jqx-docking> @section scripts { <script type="text/javascript"> function eventHandler(event) {
|
|
dragEnd
|
Event
|
|
Code examples
Bind to the dragEnd event of jqxDocking.
<script src="~/jqwidgets/jqxdocking.js"></script><script src="~/jqwidgets/jqxwindow.js"></script><script src="~/jqwidgets/jqxbuttons.js"></script><jqx-docking on-drag-end="eventHandler()"> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 1.1</jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.1</jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 1.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 2.1 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.1 </jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 2.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel></jqx-docking> @section scripts { <script type="text/javascript"> function eventHandler(event) {
|
|
|
|
addWindow
|
Method
|
|
<script src="~/jqwidgets/jqxdocking.js"></script><script src="~/jqwidgets/jqxwindow.js"></script><script src="~/jqwidgets/jqxbuttons.js"></script><jqx-docking instance="getInstance()"> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 1.1</jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.1</jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 1.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 2.1 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.1 </jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 2.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel></jqx-docking> @section scripts { <script type="text/javascript"> function getInstance(instance) {
|
|
closeWindow
|
Method
|
|
<script src="~/jqwidgets/jqxdocking.js"></script><script src="~/jqwidgets/jqxwindow.js"></script><script src="~/jqwidgets/jqxbuttons.js"></script><jqx-docking instance="getInstance()"> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 1.1</jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.1</jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 1.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 2.1 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.1 </jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 2.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel></jqx-docking> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance[ "closeWindow"]();
|
|
collapseWindow
|
Method
|
|
<script src="~/jqwidgets/jqxdocking.js"></script><script src="~/jqwidgets/jqxwindow.js"></script><script src="~/jqwidgets/jqxbuttons.js"></script><jqx-docking instance="getInstance()"> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 1.1</jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.1</jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 1.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 2.1 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.1 </jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 2.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel></jqx-docking> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance[ "collapseWindow"]();
|
|
destroy
|
Method
|
|
<script src="~/jqwidgets/jqxdocking.js"></script><script src="~/jqwidgets/jqxwindow.js"></script><script src="~/jqwidgets/jqxbuttons.js"></script><jqx-docking instance="getInstance()"> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 1.1</jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.1</jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 1.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 2.1 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.1 </jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 2.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel></jqx-docking> @section scripts { <script type="text/javascript"> function getInstance(instance) {
|
|
disableWindowResize
|
Method
|
|
<script src="~/jqwidgets/jqxdocking.js"></script><script src="~/jqwidgets/jqxwindow.js"></script><script src="~/jqwidgets/jqxbuttons.js"></script><jqx-docking instance="getInstance()"> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 1.1</jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.1</jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 1.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 2.1 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.1 </jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 2.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel></jqx-docking> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance[ "disableWindowResize"]();
|
|
disable
|
Method
|
|
<script src="~/jqwidgets/jqxdocking.js"></script><script src="~/jqwidgets/jqxwindow.js"></script><script src="~/jqwidgets/jqxbuttons.js"></script><jqx-docking instance="getInstance()"> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 1.1</jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.1</jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 1.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 2.1 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.1 </jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 2.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel></jqx-docking> @section scripts { <script type="text/javascript"> function getInstance(instance) {
|
|
exportLayout
|
Method
|
|
<script src="~/jqwidgets/jqxdocking.js"></script><script src="~/jqwidgets/jqxwindow.js"></script><script src="~/jqwidgets/jqxbuttons.js"></script><jqx-docking instance="getInstance()"> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 1.1</jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.1</jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 1.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 2.1 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.1 </jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 2.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel></jqx-docking> @section scripts { <script type="text/javascript"> function getInstance(instance) { var result = instance[ "exportLayout"]();
|
|
enable
|
Method
|
|
<script src="~/jqwidgets/jqxdocking.js"></script><script src="~/jqwidgets/jqxwindow.js"></script><script src="~/jqwidgets/jqxbuttons.js"></script><jqx-docking instance="getInstance()"> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 1.1</jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.1</jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 1.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 2.1 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.1 </jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 2.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel></jqx-docking> @section scripts { <script type="text/javascript"> function getInstance(instance) {
|
|
expandWindow
|
Method
|
|
<script src="~/jqwidgets/jqxdocking.js"></script><script src="~/jqwidgets/jqxwindow.js"></script><script src="~/jqwidgets/jqxbuttons.js"></script><jqx-docking instance="getInstance()"> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 1.1</jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.1</jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 1.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 2.1 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.1 </jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 2.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel></jqx-docking> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance[ "expandWindow"]();
|
|
enableWindowResize
|
Method
|
|
<script src="~/jqwidgets/jqxdocking.js"></script><script src="~/jqwidgets/jqxwindow.js"></script><script src="~/jqwidgets/jqxbuttons.js"></script><jqx-docking instance="getInstance()"> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 1.1</jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.1</jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 1.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 2.1 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.1 </jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 2.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel></jqx-docking> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance[ "enableWindowResize"]();
|
|
focus
|
Method
|
|
<script src="~/jqwidgets/jqxdocking.js"></script><script src="~/jqwidgets/jqxwindow.js"></script><script src="~/jqwidgets/jqxbuttons.js"></script><jqx-docking instance="getInstance()"> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 1.1</jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.1</jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 1.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 2.1 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.1 </jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 2.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel></jqx-docking> @section scripts { <script type="text/javascript"> function getInstance(instance) {
|
|
hideAllCloseButtons
|
Method
|
|
<script src="~/jqwidgets/jqxdocking.js"></script><script src="~/jqwidgets/jqxwindow.js"></script><script src="~/jqwidgets/jqxbuttons.js"></script><jqx-docking instance="getInstance()"> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 1.1</jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.1</jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 1.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 2.1 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.1 </jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 2.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel></jqx-docking> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance[ "hideAllCloseButtons"]();
|
|
hideAllCollapseButtons
|
Method
|
|
<script src="~/jqwidgets/jqxdocking.js"></script><script src="~/jqwidgets/jqxwindow.js"></script><script src="~/jqwidgets/jqxbuttons.js"></script><jqx-docking instance="getInstance()"> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 1.1</jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.1</jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 1.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 2.1 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.1 </jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 2.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel></jqx-docking> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance[ "hideAllCollapseButtons"]();
|
|
hideCollapseButton
|
Method
|
|
<script src="~/jqwidgets/jqxdocking.js"></script><script src="~/jqwidgets/jqxwindow.js"></script><script src="~/jqwidgets/jqxbuttons.js"></script><jqx-docking instance="getInstance()"> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 1.1</jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.1</jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 1.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 2.1 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.1 </jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 2.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel></jqx-docking> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance[ "hideCollapseButton"]();
|
|
hideCloseButton
|
Method
|
|
<script src="~/jqwidgets/jqxdocking.js"></script><script src="~/jqwidgets/jqxwindow.js"></script><script src="~/jqwidgets/jqxbuttons.js"></script><jqx-docking instance="getInstance()"> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 1.1</jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.1</jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 1.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 2.1 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.1 </jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 2.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel></jqx-docking> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance[ "hideCloseButton"]();
|
|
importLayout
|
Method
|
|
<script src="~/jqwidgets/jqxdocking.js"></script><script src="~/jqwidgets/jqxwindow.js"></script><script src="~/jqwidgets/jqxbuttons.js"></script><jqx-docking instance="getInstance()"> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 1.1</jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.1</jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 1.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 2.1 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.1 </jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 2.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel></jqx-docking> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance[ "importLayout"]();
|
|
move
|
Method
|
|
<script src="~/jqwidgets/jqxdocking.js"></script><script src="~/jqwidgets/jqxwindow.js"></script><script src="~/jqwidgets/jqxbuttons.js"></script><jqx-docking instance="getInstance()"> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 1.1</jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.1</jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 1.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 2.1 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.1 </jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 2.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel></jqx-docking> @section scripts { <script type="text/javascript"> function getInstance(instance) {
|
|
pinWindow
|
Method
|
|
<script src="~/jqwidgets/jqxdocking.js"></script><script src="~/jqwidgets/jqxwindow.js"></script><script src="~/jqwidgets/jqxbuttons.js"></script><jqx-docking instance="getInstance()"> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 1.1</jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.1</jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 1.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 2.1 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.1 </jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 2.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel></jqx-docking> @section scripts { <script type="text/javascript"> function getInstance(instance) {
|
|
setWindowMode
|
Method
|
|
<script src="~/jqwidgets/jqxdocking.js"></script><script src="~/jqwidgets/jqxwindow.js"></script><script src="~/jqwidgets/jqxbuttons.js"></script><jqx-docking instance="getInstance()"> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 1.1</jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.1</jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 1.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 2.1 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.1 </jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 2.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel></jqx-docking> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance[ "setWindowMode"]();
|
|
showCloseButton
|
Method
|
|
<script src="~/jqwidgets/jqxdocking.js"></script><script src="~/jqwidgets/jqxwindow.js"></script><script src="~/jqwidgets/jqxbuttons.js"></script><jqx-docking instance="getInstance()"> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 1.1</jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.1</jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 1.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 2.1 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.1 </jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 2.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel></jqx-docking> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance[ "showCloseButton"]();
|
|
showCollapseButton
|
Method
|
|
<script src="~/jqwidgets/jqxdocking.js"></script><script src="~/jqwidgets/jqxwindow.js"></script><script src="~/jqwidgets/jqxbuttons.js"></script><jqx-docking instance="getInstance()"> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 1.1</jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.1</jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 1.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 2.1 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.1 </jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 2.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel></jqx-docking> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance[ "showCollapseButton"]();
|
|
setWindowPosition
|
Method
|
|
<script src="~/jqwidgets/jqxdocking.js"></script><script src="~/jqwidgets/jqxwindow.js"></script><script src="~/jqwidgets/jqxbuttons.js"></script><jqx-docking instance="getInstance()"> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 1.1</jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.1</jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 1.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 2.1 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.1 </jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 2.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel></jqx-docking> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance[ "setWindowPosition"]();
|
|
showAllCloseButtons
|
Method
|
|
<script src="~/jqwidgets/jqxdocking.js"></script><script src="~/jqwidgets/jqxwindow.js"></script><script src="~/jqwidgets/jqxbuttons.js"></script><jqx-docking instance="getInstance()"> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 1.1</jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.1</jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 1.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 2.1 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.1 </jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 2.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel></jqx-docking> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance[ "showAllCloseButtons"]();
|
|
showAllCollapseButtons
|
Method
|
|
<script src="~/jqwidgets/jqxdocking.js"></script><script src="~/jqwidgets/jqxwindow.js"></script><script src="~/jqwidgets/jqxbuttons.js"></script><jqx-docking instance="getInstance()"> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 1.1</jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.1</jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 1.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 2.1 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.1 </jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 2.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel></jqx-docking> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance[ "showAllCollapseButtons"]();
|
|
unpinWindow
|
Method
|
|
<script src="~/jqwidgets/jqxdocking.js"></script><script src="~/jqwidgets/jqxwindow.js"></script><script src="~/jqwidgets/jqxbuttons.js"></script><jqx-docking instance="getInstance()"> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 1.1</jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.1</jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 1.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 1.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel> <jqx-docking-panel> <jqx-docking-window> <jqx-docking-window-header>Title 2.1 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.1 </jqx-button></jqx-docking-window-body> </jqx-docking-window> <jqx-docking-window> <jqx-docking-window-header>Title 2.2 </jqx-docking-window-header> <jqx-docking-window-body><jqx-button>Content 2.2 </jqx-button></jqx-docking-window-body> </jqx-docking-window> </jqx-docking-panel></jqx-docking> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance[ "unpinWindow"]();
|