ASP .NET Core jqxDocking Tag Helper API

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> </jqx-docking-window> </jqx-docking-panel> </jqx-docking>
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> </jqx-docking-window> </jqx-docking-panel> </jqx-docking>
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> </jqx-docking-window> </jqx-docking-panel> </jqx-docking>
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> </jqx-docking-window> </jqx-docking-panel> </jqx-docking>
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> </jqx-docking-window> </jqx-docking-panel> </jqx-docking>
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> </jqx-docking-window> </jqx-docking-panel> </jqx-docking>
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> </jqx-docking-window> </jqx-docking-panel> </jqx-docking>
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> </jqx-docking-window> </jqx-docking-panel> </jqx-docking>
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> </jqx-docking-window> </jqx-docking-panel> </jqx-docking>
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> </jqx-docking-window> </jqx-docking-panel> </jqx-docking>
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> </jqx-docking-window> </jqx-docking-panel> </jqx-docking>
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> </jqx-docking-window> </jqx-docking-panel> </jqx-docking>
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> </jqx-docking-window> </jqx-docking-panel> </jqx-docking>
Events
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) { } </script> }
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) { } </script> }
Methods
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) { instance["addWindow"](); } </script> }
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"](); } </script> }
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"](); } </script> }
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) { instance["destroy"](); } </script> }
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"](); } </script> }
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) { instance["disable"](); } </script> }
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"](); } </script> }
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) { instance["enable"](); } </script> }
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"](); } </script> }
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"](); } </script> }
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) { instance["focus"](); } </script> }
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"](); } </script> }
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"](); } </script> }
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"](); } </script> }
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"](); } </script> }
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"](); } </script> }
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) { instance["move"](); } </script> }
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) { instance["pinWindow"](); } </script> }
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"](); } </script> }
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"](); } </script> }
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"](); } </script> }
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"](); } </script> }
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"](); } </script> }
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"](); } </script> }
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"](); } </script> }

Properties

Events

Code examples

Code examples

Methods