ASP .NET Core MVC Documentation

Sets or gets the disabled property.

<script src="~/jqwidgets/jqxdockpanel.js"></script>
<jqx-dock-panel>
    <div id='first' dock='left' style='background: #486974;'>
        First Div
    </div>
    <div id='second' dock='top' style='height: 100px; background: #368ba7;'>
        Second Div
    </div>
    <div id='third' dock='right' style='background: #df7169;'>
        Third Div
    </div>
    <div id='fourth' style='background: #a73654;'>
        Fourth Div
    </div>
</jqx-dock-panel>

Sets or gets the height property.

<script src="~/jqwidgets/jqxdockpanel.js"></script>
<jqx-dock-panel>
    <div id='first' dock='left' style='background: #486974;'>
        First Div
    </div>
    <div id='second' dock='top' style='height: 100px; background: #368ba7;'>
        Second Div
    </div>
    <div id='third' dock='right' style='background: #df7169;'>
        Third Div
    </div>
    <div id='fourth' style='background: #a73654;'>
        Fourth Div
    </div>
</jqx-dock-panel>

Sets or gets the lastchildfill property.

<script src="~/jqwidgets/jqxdockpanel.js"></script>
<jqx-dock-panel>
    <div id='first' dock='left' style='background: #486974;'>
        First Div
    </div>
    <div id='second' dock='top' style='height: 100px; background: #368ba7;'>
        Second Div
    </div>
    <div id='third' dock='right' style='background: #df7169;'>
        Third Div
    </div>
    <div id='fourth' style='background: #a73654;'>
        Fourth Div
    </div>
</jqx-dock-panel>

Sets or gets the width property.

<script src="~/jqwidgets/jqxdockpanel.js"></script>
<jqx-dock-panel>
    <div id='first' dock='left' style='background: #486974;'>
        First Div
    </div>
    <div id='second' dock='top' style='height: 100px; background: #368ba7;'>
        Second Div
    </div>
    <div id='third' dock='right' style='background: #df7169;'>
        Third Div
    </div>
    <div id='fourth' style='background: #a73654;'>
        Fourth Div
    </div>
</jqx-dock-panel>

Code examples

Bind to the layout event of jqxDockPanel.

<script src="~/jqwidgets/jqxdockpanel.js"></script>
<jqx-dock-panel>
    <div id='first' dock='left' style='background: #486974;'>
        First Div
    </div>
    <div id='second' dock='top' style='height: 100px; background: #368ba7;'>
        Second Div
    </div>
    <div id='third' dock='right' style='background: #df7169;'>
        Third Div
    </div>
    <div id='fourth' style='background: #a73654;'>
        Fourth Div
    </div>
</jqx-dock-panel>
							
@section scripts {								
<script type="text/javascript">									
	function eventHandler(event) {									
	}									
</script>									
}

<script src="~/jqwidgets/jqxdockpanel.js"></script>
<jqx-dock-panel>
    <div id='first' dock='left' style='background: #486974;'>
        First Div
    </div>
    <div id='second' dock='top' style='height: 100px; background: #368ba7;'>
        Second Div
    </div>
    <div id='third' dock='right' style='background: #df7169;'>
        Third Div
    </div>
    <div id='fourth' style='background: #a73654;'>
        Fourth Div
    </div>
</jqx-dock-panel>
							
@section scripts {								
<script type="text/javascript">									
	function getInstance(instance) {									
		instance["refresh"]();									
	}									
</script>									
}