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