animationType
|
string
|
'slide'
|
Sets or gets the animationType property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxpanel.js"></script> <script src="~/jqwidgets/jqxtree.js"></script> <script src="~/jqwidgets/jqxdropdownbutton.js"></script> <script src="~/jqwidgets/globalization/globalize.js"></script> @using jQWidgets.AspNetCore.Mvc.TagHelpers @{ ViewData["Title"] = "ASP .NET MVC DropDownButton Example";} <jqx-drop-down-button> <jqx-drop-down-button-header>Choose Items </jqx-drop-down-button-header> <jqx-drop-down-button-body> <jqx-tree width="300" theme="@ViewData["Theme"]'> <jqx-tree-items> <jqx-tree-item id='home' item-selected='true'>Home </jqx-tree-item> <jqx-tree-item item-expanded='true'> Solutions <jqx-tree-items> <jqx-tree-item>Education </jqx-tree-item> <jqx-tree-item>Financial services </jqx-tree-item> <jqx-tree-item>Government </jqx-tree-item> <jqx-tree-item>Manufacturing </jqx-tree-item> <jqx-tree-item> Solutions <jqx-tree-items> <jqx-tree-item>Consumer photo and video </jqx-tree-item> <jqx-tree-item>Mobile </jqx-tree-item> <jqx-tree-item>Rich Internet appjqx-tree-itemcations </jqx-tree-item> <jqx-tree-item>Technical communication </jqx-tree-item> <jqx-tree-item>Training and eLearning </jqx-tree-item> <jqx-tree-item>Web conferencing </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item>All industries and solutions </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Products <jqx-tree-items> <jqx-tree-item>PC products </jqx-tree-item> <jqx-tree-item>Mobile products </jqx-tree-item> <jqx-tree-item>All products </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Support <jqx-tree-items> <jqx-tree-item>Support home </jqx-tree-item> <jqx-tree-item>Customer Service </jqx-tree-item> <jqx-tree-item>Knowledge base </jqx-tree-item> <jqx-tree-item>Books </jqx-tree-item> <jqx-tree-item>Training and certification </jqx-tree-item> <jqx-tree-item>Support programs </jqx-tree-item> <jqx-tree-item>Forums </jqx-tree-item> <jqx-tree-item>Documentation </jqx-tree-item> <jqx-tree-item>Updates </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> </jqx-tree-items> </jqx-tree></jqx-drop-down-button-body>
|
arrowSize
|
int
|
false
|
Sets or gets the arrowSize property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxpanel.js"></script> <script src="~/jqwidgets/jqxtree.js"></script> <script src="~/jqwidgets/jqxdropdownbutton.js"></script> <script src="~/jqwidgets/globalization/globalize.js"></script> @using jQWidgets.AspNetCore.Mvc.TagHelpers @{ ViewData["Title"] = "ASP .NET MVC DropDownButton Example";} <jqx-drop-down-button> <jqx-drop-down-button-header>Choose Items </jqx-drop-down-button-header> <jqx-drop-down-button-body> <jqx-tree width="300" theme="@ViewData["Theme"]'> <jqx-tree-items> <jqx-tree-item id='home' item-selected='true'>Home </jqx-tree-item> <jqx-tree-item item-expanded='true'> Solutions <jqx-tree-items> <jqx-tree-item>Education </jqx-tree-item> <jqx-tree-item>Financial services </jqx-tree-item> <jqx-tree-item>Government </jqx-tree-item> <jqx-tree-item>Manufacturing </jqx-tree-item> <jqx-tree-item> Solutions <jqx-tree-items> <jqx-tree-item>Consumer photo and video </jqx-tree-item> <jqx-tree-item>Mobile </jqx-tree-item> <jqx-tree-item>Rich Internet appjqx-tree-itemcations </jqx-tree-item> <jqx-tree-item>Technical communication </jqx-tree-item> <jqx-tree-item>Training and eLearning </jqx-tree-item> <jqx-tree-item>Web conferencing </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item>All industries and solutions </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Products <jqx-tree-items> <jqx-tree-item>PC products </jqx-tree-item> <jqx-tree-item>Mobile products </jqx-tree-item> <jqx-tree-item>All products </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Support <jqx-tree-items> <jqx-tree-item>Support home </jqx-tree-item> <jqx-tree-item>Customer Service </jqx-tree-item> <jqx-tree-item>Knowledge base </jqx-tree-item> <jqx-tree-item>Books </jqx-tree-item> <jqx-tree-item>Training and certification </jqx-tree-item> <jqx-tree-item>Support programs </jqx-tree-item> <jqx-tree-item>Forums </jqx-tree-item> <jqx-tree-item>Documentation </jqx-tree-item> <jqx-tree-item>Updates </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> </jqx-tree-items> </jqx-tree></jqx-drop-down-button-body>
|
autoOpen
|
bool
|
false
|
Sets or gets the autoOpen property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxpanel.js"></script> <script src="~/jqwidgets/jqxtree.js"></script> <script src="~/jqwidgets/jqxdropdownbutton.js"></script> <script src="~/jqwidgets/globalization/globalize.js"></script> @using jQWidgets.AspNetCore.Mvc.TagHelpers @{ ViewData["Title"] = "ASP .NET MVC DropDownButton Example";} <jqx-drop-down-button> <jqx-drop-down-button-header>Choose Items </jqx-drop-down-button-header> <jqx-drop-down-button-body> <jqx-tree width="300" theme="@ViewData["Theme"]'> <jqx-tree-items> <jqx-tree-item id='home' item-selected='true'>Home </jqx-tree-item> <jqx-tree-item item-expanded='true'> Solutions <jqx-tree-items> <jqx-tree-item>Education </jqx-tree-item> <jqx-tree-item>Financial services </jqx-tree-item> <jqx-tree-item>Government </jqx-tree-item> <jqx-tree-item>Manufacturing </jqx-tree-item> <jqx-tree-item> Solutions <jqx-tree-items> <jqx-tree-item>Consumer photo and video </jqx-tree-item> <jqx-tree-item>Mobile </jqx-tree-item> <jqx-tree-item>Rich Internet appjqx-tree-itemcations </jqx-tree-item> <jqx-tree-item>Technical communication </jqx-tree-item> <jqx-tree-item>Training and eLearning </jqx-tree-item> <jqx-tree-item>Web conferencing </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item>All industries and solutions </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Products <jqx-tree-items> <jqx-tree-item>PC products </jqx-tree-item> <jqx-tree-item>Mobile products </jqx-tree-item> <jqx-tree-item>All products </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Support <jqx-tree-items> <jqx-tree-item>Support home </jqx-tree-item> <jqx-tree-item>Customer Service </jqx-tree-item> <jqx-tree-item>Knowledge base </jqx-tree-item> <jqx-tree-item>Books </jqx-tree-item> <jqx-tree-item>Training and certification </jqx-tree-item> <jqx-tree-item>Support programs </jqx-tree-item> <jqx-tree-item>Forums </jqx-tree-item> <jqx-tree-item>Documentation </jqx-tree-item> <jqx-tree-item>Updates </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> </jqx-tree-items> </jqx-tree></jqx-drop-down-button-body>
|
closeDelay
|
int
|
400
|
Sets or gets the closeDelay property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxpanel.js"></script> <script src="~/jqwidgets/jqxtree.js"></script> <script src="~/jqwidgets/jqxdropdownbutton.js"></script> <script src="~/jqwidgets/globalization/globalize.js"></script> @using jQWidgets.AspNetCore.Mvc.TagHelpers @{ ViewData["Title"] = "ASP .NET MVC DropDownButton Example";} <jqx-drop-down-button> <jqx-drop-down-button-header>Choose Items </jqx-drop-down-button-header> <jqx-drop-down-button-body> <jqx-tree width="300" theme="@ViewData["Theme"]'> <jqx-tree-items> <jqx-tree-item id='home' item-selected='true'>Home </jqx-tree-item> <jqx-tree-item item-expanded='true'> Solutions <jqx-tree-items> <jqx-tree-item>Education </jqx-tree-item> <jqx-tree-item>Financial services </jqx-tree-item> <jqx-tree-item>Government </jqx-tree-item> <jqx-tree-item>Manufacturing </jqx-tree-item> <jqx-tree-item> Solutions <jqx-tree-items> <jqx-tree-item>Consumer photo and video </jqx-tree-item> <jqx-tree-item>Mobile </jqx-tree-item> <jqx-tree-item>Rich Internet appjqx-tree-itemcations </jqx-tree-item> <jqx-tree-item>Technical communication </jqx-tree-item> <jqx-tree-item>Training and eLearning </jqx-tree-item> <jqx-tree-item>Web conferencing </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item>All industries and solutions </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Products <jqx-tree-items> <jqx-tree-item>PC products </jqx-tree-item> <jqx-tree-item>Mobile products </jqx-tree-item> <jqx-tree-item>All products </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Support <jqx-tree-items> <jqx-tree-item>Support home </jqx-tree-item> <jqx-tree-item>Customer Service </jqx-tree-item> <jqx-tree-item>Knowledge base </jqx-tree-item> <jqx-tree-item>Books </jqx-tree-item> <jqx-tree-item>Training and certification </jqx-tree-item> <jqx-tree-item>Support programs </jqx-tree-item> <jqx-tree-item>Forums </jqx-tree-item> <jqx-tree-item>Documentation </jqx-tree-item> <jqx-tree-item>Updates </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> </jqx-tree-items> </jqx-tree></jqx-drop-down-button-body>
|
disabled
|
bool
|
false
|
Sets or gets the disabled property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxpanel.js"></script> <script src="~/jqwidgets/jqxtree.js"></script> <script src="~/jqwidgets/jqxdropdownbutton.js"></script> <script src="~/jqwidgets/globalization/globalize.js"></script> @using jQWidgets.AspNetCore.Mvc.TagHelpers @{ ViewData["Title"] = "ASP .NET MVC DropDownButton Example";} <jqx-drop-down-button> <jqx-drop-down-button-header>Choose Items </jqx-drop-down-button-header> <jqx-drop-down-button-body> <jqx-tree width="300" theme="@ViewData["Theme"]'> <jqx-tree-items> <jqx-tree-item id='home' item-selected='true'>Home </jqx-tree-item> <jqx-tree-item item-expanded='true'> Solutions <jqx-tree-items> <jqx-tree-item>Education </jqx-tree-item> <jqx-tree-item>Financial services </jqx-tree-item> <jqx-tree-item>Government </jqx-tree-item> <jqx-tree-item>Manufacturing </jqx-tree-item> <jqx-tree-item> Solutions <jqx-tree-items> <jqx-tree-item>Consumer photo and video </jqx-tree-item> <jqx-tree-item>Mobile </jqx-tree-item> <jqx-tree-item>Rich Internet appjqx-tree-itemcations </jqx-tree-item> <jqx-tree-item>Technical communication </jqx-tree-item> <jqx-tree-item>Training and eLearning </jqx-tree-item> <jqx-tree-item>Web conferencing </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item>All industries and solutions </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Products <jqx-tree-items> <jqx-tree-item>PC products </jqx-tree-item> <jqx-tree-item>Mobile products </jqx-tree-item> <jqx-tree-item>All products </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Support <jqx-tree-items> <jqx-tree-item>Support home </jqx-tree-item> <jqx-tree-item>Customer Service </jqx-tree-item> <jqx-tree-item>Knowledge base </jqx-tree-item> <jqx-tree-item>Books </jqx-tree-item> <jqx-tree-item>Training and certification </jqx-tree-item> <jqx-tree-item>Support programs </jqx-tree-item> <jqx-tree-item>Forums </jqx-tree-item> <jqx-tree-item>Documentation </jqx-tree-item> <jqx-tree-item>Updates </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> </jqx-tree-items> </jqx-tree></jqx-drop-down-button-body>
|
dropDownHorizontalAlignment
|
string
|
'left'
|
Sets or gets the dropDownHorizontalAlignment property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxpanel.js"></script> <script src="~/jqwidgets/jqxtree.js"></script> <script src="~/jqwidgets/jqxdropdownbutton.js"></script> <script src="~/jqwidgets/globalization/globalize.js"></script> @using jQWidgets.AspNetCore.Mvc.TagHelpers @{ ViewData["Title"] = "ASP .NET MVC DropDownButton Example";} <jqx-drop-down-button> <jqx-drop-down-button-header>Choose Items </jqx-drop-down-button-header> <jqx-drop-down-button-body> <jqx-tree width="300" theme="@ViewData["Theme"]'> <jqx-tree-items> <jqx-tree-item id='home' item-selected='true'>Home </jqx-tree-item> <jqx-tree-item item-expanded='true'> Solutions <jqx-tree-items> <jqx-tree-item>Education </jqx-tree-item> <jqx-tree-item>Financial services </jqx-tree-item> <jqx-tree-item>Government </jqx-tree-item> <jqx-tree-item>Manufacturing </jqx-tree-item> <jqx-tree-item> Solutions <jqx-tree-items> <jqx-tree-item>Consumer photo and video </jqx-tree-item> <jqx-tree-item>Mobile </jqx-tree-item> <jqx-tree-item>Rich Internet appjqx-tree-itemcations </jqx-tree-item> <jqx-tree-item>Technical communication </jqx-tree-item> <jqx-tree-item>Training and eLearning </jqx-tree-item> <jqx-tree-item>Web conferencing </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item>All industries and solutions </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Products <jqx-tree-items> <jqx-tree-item>PC products </jqx-tree-item> <jqx-tree-item>Mobile products </jqx-tree-item> <jqx-tree-item>All products </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Support <jqx-tree-items> <jqx-tree-item>Support home </jqx-tree-item> <jqx-tree-item>Customer Service </jqx-tree-item> <jqx-tree-item>Knowledge base </jqx-tree-item> <jqx-tree-item>Books </jqx-tree-item> <jqx-tree-item>Training and certification </jqx-tree-item> <jqx-tree-item>Support programs </jqx-tree-item> <jqx-tree-item>Forums </jqx-tree-item> <jqx-tree-item>Documentation </jqx-tree-item> <jqx-tree-item>Updates </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> </jqx-tree-items> </jqx-tree></jqx-drop-down-button-body>
|
dropDownVerticalAlignment
|
string
|
'bottom'
|
Sets or gets the dropDownVerticalAlignment property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxpanel.js"></script> <script src="~/jqwidgets/jqxtree.js"></script> <script src="~/jqwidgets/jqxdropdownbutton.js"></script> <script src="~/jqwidgets/globalization/globalize.js"></script> @using jQWidgets.AspNetCore.Mvc.TagHelpers @{ ViewData["Title"] = "ASP .NET MVC DropDownButton Example";} <jqx-drop-down-button> <jqx-drop-down-button-header>Choose Items </jqx-drop-down-button-header> <jqx-drop-down-button-body> <jqx-tree width="300" theme="@ViewData["Theme"]'> <jqx-tree-items> <jqx-tree-item id='home' item-selected='true'>Home </jqx-tree-item> <jqx-tree-item item-expanded='true'> Solutions <jqx-tree-items> <jqx-tree-item>Education </jqx-tree-item> <jqx-tree-item>Financial services </jqx-tree-item> <jqx-tree-item>Government </jqx-tree-item> <jqx-tree-item>Manufacturing </jqx-tree-item> <jqx-tree-item> Solutions <jqx-tree-items> <jqx-tree-item>Consumer photo and video </jqx-tree-item> <jqx-tree-item>Mobile </jqx-tree-item> <jqx-tree-item>Rich Internet appjqx-tree-itemcations </jqx-tree-item> <jqx-tree-item>Technical communication </jqx-tree-item> <jqx-tree-item>Training and eLearning </jqx-tree-item> <jqx-tree-item>Web conferencing </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item>All industries and solutions </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Products <jqx-tree-items> <jqx-tree-item>PC products </jqx-tree-item> <jqx-tree-item>Mobile products </jqx-tree-item> <jqx-tree-item>All products </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Support <jqx-tree-items> <jqx-tree-item>Support home </jqx-tree-item> <jqx-tree-item>Customer Service </jqx-tree-item> <jqx-tree-item>Knowledge base </jqx-tree-item> <jqx-tree-item>Books </jqx-tree-item> <jqx-tree-item>Training and certification </jqx-tree-item> <jqx-tree-item>Support programs </jqx-tree-item> <jqx-tree-item>Forums </jqx-tree-item> <jqx-tree-item>Documentation </jqx-tree-item> <jqx-tree-item>Updates </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> </jqx-tree-items> </jqx-tree></jqx-drop-down-button-body>
|
dropDownWidth
|
string
|
null
|
Sets or gets the dropDownWidth property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxpanel.js"></script> <script src="~/jqwidgets/jqxtree.js"></script> <script src="~/jqwidgets/jqxdropdownbutton.js"></script> <script src="~/jqwidgets/globalization/globalize.js"></script> @using jQWidgets.AspNetCore.Mvc.TagHelpers @{ ViewData["Title"] = "ASP .NET MVC DropDownButton Example";} <jqx-drop-down-button> <jqx-drop-down-button-header>Choose Items </jqx-drop-down-button-header> <jqx-drop-down-button-body> <jqx-tree width="300" theme="@ViewData["Theme"]'> <jqx-tree-items> <jqx-tree-item id='home' item-selected='true'>Home </jqx-tree-item> <jqx-tree-item item-expanded='true'> Solutions <jqx-tree-items> <jqx-tree-item>Education </jqx-tree-item> <jqx-tree-item>Financial services </jqx-tree-item> <jqx-tree-item>Government </jqx-tree-item> <jqx-tree-item>Manufacturing </jqx-tree-item> <jqx-tree-item> Solutions <jqx-tree-items> <jqx-tree-item>Consumer photo and video </jqx-tree-item> <jqx-tree-item>Mobile </jqx-tree-item> <jqx-tree-item>Rich Internet appjqx-tree-itemcations </jqx-tree-item> <jqx-tree-item>Technical communication </jqx-tree-item> <jqx-tree-item>Training and eLearning </jqx-tree-item> <jqx-tree-item>Web conferencing </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item>All industries and solutions </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Products <jqx-tree-items> <jqx-tree-item>PC products </jqx-tree-item> <jqx-tree-item>Mobile products </jqx-tree-item> <jqx-tree-item>All products </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Support <jqx-tree-items> <jqx-tree-item>Support home </jqx-tree-item> <jqx-tree-item>Customer Service </jqx-tree-item> <jqx-tree-item>Knowledge base </jqx-tree-item> <jqx-tree-item>Books </jqx-tree-item> <jqx-tree-item>Training and certification </jqx-tree-item> <jqx-tree-item>Support programs </jqx-tree-item> <jqx-tree-item>Forums </jqx-tree-item> <jqx-tree-item>Documentation </jqx-tree-item> <jqx-tree-item>Updates </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> </jqx-tree-items> </jqx-tree></jqx-drop-down-button-body>
|
enableBrowserBoundsDetection
|
bool
|
false
|
Sets or gets the enableBrowserBoundsDetection property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxpanel.js"></script> <script src="~/jqwidgets/jqxtree.js"></script> <script src="~/jqwidgets/jqxdropdownbutton.js"></script> <script src="~/jqwidgets/globalization/globalize.js"></script> @using jQWidgets.AspNetCore.Mvc.TagHelpers @{ ViewData["Title"] = "ASP .NET MVC DropDownButton Example";} <jqx-drop-down-button> <jqx-drop-down-button-header>Choose Items </jqx-drop-down-button-header> <jqx-drop-down-button-body> <jqx-tree width="300" theme="@ViewData["Theme"]'> <jqx-tree-items> <jqx-tree-item id='home' item-selected='true'>Home </jqx-tree-item> <jqx-tree-item item-expanded='true'> Solutions <jqx-tree-items> <jqx-tree-item>Education </jqx-tree-item> <jqx-tree-item>Financial services </jqx-tree-item> <jqx-tree-item>Government </jqx-tree-item> <jqx-tree-item>Manufacturing </jqx-tree-item> <jqx-tree-item> Solutions <jqx-tree-items> <jqx-tree-item>Consumer photo and video </jqx-tree-item> <jqx-tree-item>Mobile </jqx-tree-item> <jqx-tree-item>Rich Internet appjqx-tree-itemcations </jqx-tree-item> <jqx-tree-item>Technical communication </jqx-tree-item> <jqx-tree-item>Training and eLearning </jqx-tree-item> <jqx-tree-item>Web conferencing </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item>All industries and solutions </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Products <jqx-tree-items> <jqx-tree-item>PC products </jqx-tree-item> <jqx-tree-item>Mobile products </jqx-tree-item> <jqx-tree-item>All products </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Support <jqx-tree-items> <jqx-tree-item>Support home </jqx-tree-item> <jqx-tree-item>Customer Service </jqx-tree-item> <jqx-tree-item>Knowledge base </jqx-tree-item> <jqx-tree-item>Books </jqx-tree-item> <jqx-tree-item>Training and certification </jqx-tree-item> <jqx-tree-item>Support programs </jqx-tree-item> <jqx-tree-item>Forums </jqx-tree-item> <jqx-tree-item>Documentation </jqx-tree-item> <jqx-tree-item>Updates </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> </jqx-tree-items> </jqx-tree></jqx-drop-down-button-body>
|
height
|
int
|
null
|
Sets or gets the height property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxpanel.js"></script> <script src="~/jqwidgets/jqxtree.js"></script> <script src="~/jqwidgets/jqxdropdownbutton.js"></script> <script src="~/jqwidgets/globalization/globalize.js"></script> @using jQWidgets.AspNetCore.Mvc.TagHelpers @{ ViewData["Title"] = "ASP .NET MVC DropDownButton Example";} <jqx-drop-down-button> <jqx-drop-down-button-header>Choose Items </jqx-drop-down-button-header> <jqx-drop-down-button-body> <jqx-tree width="300" theme="@ViewData["Theme"]'> <jqx-tree-items> <jqx-tree-item id='home' item-selected='true'>Home </jqx-tree-item> <jqx-tree-item item-expanded='true'> Solutions <jqx-tree-items> <jqx-tree-item>Education </jqx-tree-item> <jqx-tree-item>Financial services </jqx-tree-item> <jqx-tree-item>Government </jqx-tree-item> <jqx-tree-item>Manufacturing </jqx-tree-item> <jqx-tree-item> Solutions <jqx-tree-items> <jqx-tree-item>Consumer photo and video </jqx-tree-item> <jqx-tree-item>Mobile </jqx-tree-item> <jqx-tree-item>Rich Internet appjqx-tree-itemcations </jqx-tree-item> <jqx-tree-item>Technical communication </jqx-tree-item> <jqx-tree-item>Training and eLearning </jqx-tree-item> <jqx-tree-item>Web conferencing </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item>All industries and solutions </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Products <jqx-tree-items> <jqx-tree-item>PC products </jqx-tree-item> <jqx-tree-item>Mobile products </jqx-tree-item> <jqx-tree-item>All products </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Support <jqx-tree-items> <jqx-tree-item>Support home </jqx-tree-item> <jqx-tree-item>Customer Service </jqx-tree-item> <jqx-tree-item>Knowledge base </jqx-tree-item> <jqx-tree-item>Books </jqx-tree-item> <jqx-tree-item>Training and certification </jqx-tree-item> <jqx-tree-item>Support programs </jqx-tree-item> <jqx-tree-item>Forums </jqx-tree-item> <jqx-tree-item>Documentation </jqx-tree-item> <jqx-tree-item>Updates </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> </jqx-tree-items> </jqx-tree></jqx-drop-down-button-body>
|
initContent
|
string
|
null
|
Sets or gets the initContent property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxpanel.js"></script> <script src="~/jqwidgets/jqxtree.js"></script> <script src="~/jqwidgets/jqxdropdownbutton.js"></script> <script src="~/jqwidgets/globalization/globalize.js"></script> @using jQWidgets.AspNetCore.Mvc.TagHelpers @{ ViewData["Title"] = "ASP .NET MVC DropDownButton Example";} <jqx-drop-down-button> <jqx-drop-down-button-header>Choose Items </jqx-drop-down-button-header> <jqx-drop-down-button-body> <jqx-tree width="300" theme="@ViewData["Theme"]'> <jqx-tree-items> <jqx-tree-item id='home' item-selected='true'>Home </jqx-tree-item> <jqx-tree-item item-expanded='true'> Solutions <jqx-tree-items> <jqx-tree-item>Education </jqx-tree-item> <jqx-tree-item>Financial services </jqx-tree-item> <jqx-tree-item>Government </jqx-tree-item> <jqx-tree-item>Manufacturing </jqx-tree-item> <jqx-tree-item> Solutions <jqx-tree-items> <jqx-tree-item>Consumer photo and video </jqx-tree-item> <jqx-tree-item>Mobile </jqx-tree-item> <jqx-tree-item>Rich Internet appjqx-tree-itemcations </jqx-tree-item> <jqx-tree-item>Technical communication </jqx-tree-item> <jqx-tree-item>Training and eLearning </jqx-tree-item> <jqx-tree-item>Web conferencing </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item>All industries and solutions </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Products <jqx-tree-items> <jqx-tree-item>PC products </jqx-tree-item> <jqx-tree-item>Mobile products </jqx-tree-item> <jqx-tree-item>All products </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Support <jqx-tree-items> <jqx-tree-item>Support home </jqx-tree-item> <jqx-tree-item>Customer Service </jqx-tree-item> <jqx-tree-item>Knowledge base </jqx-tree-item> <jqx-tree-item>Books </jqx-tree-item> <jqx-tree-item>Training and certification </jqx-tree-item> <jqx-tree-item>Support programs </jqx-tree-item> <jqx-tree-item>Forums </jqx-tree-item> <jqx-tree-item>Documentation </jqx-tree-item> <jqx-tree-item>Updates </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> </jqx-tree-items> </jqx-tree></jqx-drop-down-button-body>
|
openDelay
|
int
|
350
|
Sets or gets the openDelay property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxpanel.js"></script> <script src="~/jqwidgets/jqxtree.js"></script> <script src="~/jqwidgets/jqxdropdownbutton.js"></script> <script src="~/jqwidgets/globalization/globalize.js"></script> @using jQWidgets.AspNetCore.Mvc.TagHelpers @{ ViewData["Title"] = "ASP .NET MVC DropDownButton Example";} <jqx-drop-down-button> <jqx-drop-down-button-header>Choose Items </jqx-drop-down-button-header> <jqx-drop-down-button-body> <jqx-tree width="300" theme="@ViewData["Theme"]'> <jqx-tree-items> <jqx-tree-item id='home' item-selected='true'>Home </jqx-tree-item> <jqx-tree-item item-expanded='true'> Solutions <jqx-tree-items> <jqx-tree-item>Education </jqx-tree-item> <jqx-tree-item>Financial services </jqx-tree-item> <jqx-tree-item>Government </jqx-tree-item> <jqx-tree-item>Manufacturing </jqx-tree-item> <jqx-tree-item> Solutions <jqx-tree-items> <jqx-tree-item>Consumer photo and video </jqx-tree-item> <jqx-tree-item>Mobile </jqx-tree-item> <jqx-tree-item>Rich Internet appjqx-tree-itemcations </jqx-tree-item> <jqx-tree-item>Technical communication </jqx-tree-item> <jqx-tree-item>Training and eLearning </jqx-tree-item> <jqx-tree-item>Web conferencing </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item>All industries and solutions </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Products <jqx-tree-items> <jqx-tree-item>PC products </jqx-tree-item> <jqx-tree-item>Mobile products </jqx-tree-item> <jqx-tree-item>All products </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Support <jqx-tree-items> <jqx-tree-item>Support home </jqx-tree-item> <jqx-tree-item>Customer Service </jqx-tree-item> <jqx-tree-item>Knowledge base </jqx-tree-item> <jqx-tree-item>Books </jqx-tree-item> <jqx-tree-item>Training and certification </jqx-tree-item> <jqx-tree-item>Support programs </jqx-tree-item> <jqx-tree-item>Forums </jqx-tree-item> <jqx-tree-item>Documentation </jqx-tree-item> <jqx-tree-item>Updates </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> </jqx-tree-items> </jqx-tree></jqx-drop-down-button-body>
|
popupZIndex
|
int
|
20000
|
Sets or gets the popupZIndex property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxpanel.js"></script> <script src="~/jqwidgets/jqxtree.js"></script> <script src="~/jqwidgets/jqxdropdownbutton.js"></script> <script src="~/jqwidgets/globalization/globalize.js"></script> @using jQWidgets.AspNetCore.Mvc.TagHelpers @{ ViewData["Title"] = "ASP .NET MVC DropDownButton Example";} <jqx-drop-down-button> <jqx-drop-down-button-header>Choose Items </jqx-drop-down-button-header> <jqx-drop-down-button-body> <jqx-tree width="300" theme="@ViewData["Theme"]'> <jqx-tree-items> <jqx-tree-item id='home' item-selected='true'>Home </jqx-tree-item> <jqx-tree-item item-expanded='true'> Solutions <jqx-tree-items> <jqx-tree-item>Education </jqx-tree-item> <jqx-tree-item>Financial services </jqx-tree-item> <jqx-tree-item>Government </jqx-tree-item> <jqx-tree-item>Manufacturing </jqx-tree-item> <jqx-tree-item> Solutions <jqx-tree-items> <jqx-tree-item>Consumer photo and video </jqx-tree-item> <jqx-tree-item>Mobile </jqx-tree-item> <jqx-tree-item>Rich Internet appjqx-tree-itemcations </jqx-tree-item> <jqx-tree-item>Technical communication </jqx-tree-item> <jqx-tree-item>Training and eLearning </jqx-tree-item> <jqx-tree-item>Web conferencing </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item>All industries and solutions </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Products <jqx-tree-items> <jqx-tree-item>PC products </jqx-tree-item> <jqx-tree-item>Mobile products </jqx-tree-item> <jqx-tree-item>All products </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Support <jqx-tree-items> <jqx-tree-item>Support home </jqx-tree-item> <jqx-tree-item>Customer Service </jqx-tree-item> <jqx-tree-item>Knowledge base </jqx-tree-item> <jqx-tree-item>Books </jqx-tree-item> <jqx-tree-item>Training and certification </jqx-tree-item> <jqx-tree-item>Support programs </jqx-tree-item> <jqx-tree-item>Forums </jqx-tree-item> <jqx-tree-item>Documentation </jqx-tree-item> <jqx-tree-item>Updates </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> </jqx-tree-items> </jqx-tree></jqx-drop-down-button-body>
|
rtl
|
bool
|
false
|
Sets or gets the rtl property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxpanel.js"></script> <script src="~/jqwidgets/jqxtree.js"></script> <script src="~/jqwidgets/jqxdropdownbutton.js"></script> <script src="~/jqwidgets/globalization/globalize.js"></script> @using jQWidgets.AspNetCore.Mvc.TagHelpers @{ ViewData["Title"] = "ASP .NET MVC DropDownButton Example";} <jqx-drop-down-button> <jqx-drop-down-button-header>Choose Items </jqx-drop-down-button-header> <jqx-drop-down-button-body> <jqx-tree width="300" theme="@ViewData["Theme"]'> <jqx-tree-items> <jqx-tree-item id='home' item-selected='true'>Home </jqx-tree-item> <jqx-tree-item item-expanded='true'> Solutions <jqx-tree-items> <jqx-tree-item>Education </jqx-tree-item> <jqx-tree-item>Financial services </jqx-tree-item> <jqx-tree-item>Government </jqx-tree-item> <jqx-tree-item>Manufacturing </jqx-tree-item> <jqx-tree-item> Solutions <jqx-tree-items> <jqx-tree-item>Consumer photo and video </jqx-tree-item> <jqx-tree-item>Mobile </jqx-tree-item> <jqx-tree-item>Rich Internet appjqx-tree-itemcations </jqx-tree-item> <jqx-tree-item>Technical communication </jqx-tree-item> <jqx-tree-item>Training and eLearning </jqx-tree-item> <jqx-tree-item>Web conferencing </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item>All industries and solutions </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Products <jqx-tree-items> <jqx-tree-item>PC products </jqx-tree-item> <jqx-tree-item>Mobile products </jqx-tree-item> <jqx-tree-item>All products </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Support <jqx-tree-items> <jqx-tree-item>Support home </jqx-tree-item> <jqx-tree-item>Customer Service </jqx-tree-item> <jqx-tree-item>Knowledge base </jqx-tree-item> <jqx-tree-item>Books </jqx-tree-item> <jqx-tree-item>Training and certification </jqx-tree-item> <jqx-tree-item>Support programs </jqx-tree-item> <jqx-tree-item>Forums </jqx-tree-item> <jqx-tree-item>Documentation </jqx-tree-item> <jqx-tree-item>Updates </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> </jqx-tree-items> </jqx-tree></jqx-drop-down-button-body>
|
template
|
string
|
'default'
|
Sets or gets the template property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxpanel.js"></script> <script src="~/jqwidgets/jqxtree.js"></script> <script src="~/jqwidgets/jqxdropdownbutton.js"></script> <script src="~/jqwidgets/globalization/globalize.js"></script> @using jQWidgets.AspNetCore.Mvc.TagHelpers @{ ViewData["Title"] = "ASP .NET MVC DropDownButton Example";} <jqx-drop-down-button> <jqx-drop-down-button-header>Choose Items </jqx-drop-down-button-header> <jqx-drop-down-button-body> <jqx-tree width="300" theme="@ViewData["Theme"]'> <jqx-tree-items> <jqx-tree-item id='home' item-selected='true'>Home </jqx-tree-item> <jqx-tree-item item-expanded='true'> Solutions <jqx-tree-items> <jqx-tree-item>Education </jqx-tree-item> <jqx-tree-item>Financial services </jqx-tree-item> <jqx-tree-item>Government </jqx-tree-item> <jqx-tree-item>Manufacturing </jqx-tree-item> <jqx-tree-item> Solutions <jqx-tree-items> <jqx-tree-item>Consumer photo and video </jqx-tree-item> <jqx-tree-item>Mobile </jqx-tree-item> <jqx-tree-item>Rich Internet appjqx-tree-itemcations </jqx-tree-item> <jqx-tree-item>Technical communication </jqx-tree-item> <jqx-tree-item>Training and eLearning </jqx-tree-item> <jqx-tree-item>Web conferencing </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item>All industries and solutions </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Products <jqx-tree-items> <jqx-tree-item>PC products </jqx-tree-item> <jqx-tree-item>Mobile products </jqx-tree-item> <jqx-tree-item>All products </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Support <jqx-tree-items> <jqx-tree-item>Support home </jqx-tree-item> <jqx-tree-item>Customer Service </jqx-tree-item> <jqx-tree-item>Knowledge base </jqx-tree-item> <jqx-tree-item>Books </jqx-tree-item> <jqx-tree-item>Training and certification </jqx-tree-item> <jqx-tree-item>Support programs </jqx-tree-item> <jqx-tree-item>Forums </jqx-tree-item> <jqx-tree-item>Documentation </jqx-tree-item> <jqx-tree-item>Updates </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> </jqx-tree-items> </jqx-tree></jqx-drop-down-button-body>
|
theme
|
string
|
''
|
Sets or gets the theme property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxpanel.js"></script> <script src="~/jqwidgets/jqxtree.js"></script> <script src="~/jqwidgets/jqxdropdownbutton.js"></script> <script src="~/jqwidgets/globalization/globalize.js"></script> @using jQWidgets.AspNetCore.Mvc.TagHelpers @{ ViewData["Title"] = "ASP .NET MVC DropDownButton Example";} <jqx-drop-down-button> <jqx-drop-down-button-header>Choose Items </jqx-drop-down-button-header> <jqx-drop-down-button-body> <jqx-tree width="300" theme="@ViewData["Theme"]'> <jqx-tree-items> <jqx-tree-item id='home' item-selected='true'>Home </jqx-tree-item> <jqx-tree-item item-expanded='true'> Solutions <jqx-tree-items> <jqx-tree-item>Education </jqx-tree-item> <jqx-tree-item>Financial services </jqx-tree-item> <jqx-tree-item>Government </jqx-tree-item> <jqx-tree-item>Manufacturing </jqx-tree-item> <jqx-tree-item> Solutions <jqx-tree-items> <jqx-tree-item>Consumer photo and video </jqx-tree-item> <jqx-tree-item>Mobile </jqx-tree-item> <jqx-tree-item>Rich Internet appjqx-tree-itemcations </jqx-tree-item> <jqx-tree-item>Technical communication </jqx-tree-item> <jqx-tree-item>Training and eLearning </jqx-tree-item> <jqx-tree-item>Web conferencing </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item>All industries and solutions </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Products <jqx-tree-items> <jqx-tree-item>PC products </jqx-tree-item> <jqx-tree-item>Mobile products </jqx-tree-item> <jqx-tree-item>All products </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Support <jqx-tree-items> <jqx-tree-item>Support home </jqx-tree-item> <jqx-tree-item>Customer Service </jqx-tree-item> <jqx-tree-item>Knowledge base </jqx-tree-item> <jqx-tree-item>Books </jqx-tree-item> <jqx-tree-item>Training and certification </jqx-tree-item> <jqx-tree-item>Support programs </jqx-tree-item> <jqx-tree-item>Forums </jqx-tree-item> <jqx-tree-item>Documentation </jqx-tree-item> <jqx-tree-item>Updates </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> </jqx-tree-items> </jqx-tree></jqx-drop-down-button-body>
|
width
|
int
|
null
|
Sets or gets the width property.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxpanel.js"></script> <script src="~/jqwidgets/jqxtree.js"></script> <script src="~/jqwidgets/jqxdropdownbutton.js"></script> <script src="~/jqwidgets/globalization/globalize.js"></script> @using jQWidgets.AspNetCore.Mvc.TagHelpers @{ ViewData["Title"] = "ASP .NET MVC DropDownButton Example";} <jqx-drop-down-button> <jqx-drop-down-button-header>Choose Items </jqx-drop-down-button-header> <jqx-drop-down-button-body> <jqx-tree width="300" theme="@ViewData["Theme"]'> <jqx-tree-items> <jqx-tree-item id='home' item-selected='true'>Home </jqx-tree-item> <jqx-tree-item item-expanded='true'> Solutions <jqx-tree-items> <jqx-tree-item>Education </jqx-tree-item> <jqx-tree-item>Financial services </jqx-tree-item> <jqx-tree-item>Government </jqx-tree-item> <jqx-tree-item>Manufacturing </jqx-tree-item> <jqx-tree-item> Solutions <jqx-tree-items> <jqx-tree-item>Consumer photo and video </jqx-tree-item> <jqx-tree-item>Mobile </jqx-tree-item> <jqx-tree-item>Rich Internet appjqx-tree-itemcations </jqx-tree-item> <jqx-tree-item>Technical communication </jqx-tree-item> <jqx-tree-item>Training and eLearning </jqx-tree-item> <jqx-tree-item>Web conferencing </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item>All industries and solutions </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Products <jqx-tree-items> <jqx-tree-item>PC products </jqx-tree-item> <jqx-tree-item>Mobile products </jqx-tree-item> <jqx-tree-item>All products </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Support <jqx-tree-items> <jqx-tree-item>Support home </jqx-tree-item> <jqx-tree-item>Customer Service </jqx-tree-item> <jqx-tree-item>Knowledge base </jqx-tree-item> <jqx-tree-item>Books </jqx-tree-item> <jqx-tree-item>Training and certification </jqx-tree-item> <jqx-tree-item>Support programs </jqx-tree-item> <jqx-tree-item>Forums </jqx-tree-item> <jqx-tree-item>Documentation </jqx-tree-item> <jqx-tree-item>Updates </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> </jqx-tree-items> </jqx-tree></jqx-drop-down-button-body>
|
|
close
|
Event
|
|
Code examples
Bind to the close event of jqxDropDownButton.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxpanel.js"></script> <script src="~/jqwidgets/jqxtree.js"></script> <script src="~/jqwidgets/jqxdropdownbutton.js"></script> <script src="~/jqwidgets/globalization/globalize.js"></script> @using jQWidgets.AspNetCore.Mvc.TagHelpers @{ ViewData["Title"] = "ASP .NET MVC DropDownButton Example";} <jqx-drop-down-button> <jqx-drop-down-button-header>Choose Items </jqx-drop-down-button-header> <jqx-drop-down-button-body> <jqx-tree width="300" theme="@ViewData["Theme"]'> <jqx-tree-items> <jqx-tree-item id='home' item-selected='true'>Home </jqx-tree-item> <jqx-tree-item item-expanded='true'> Solutions <jqx-tree-items> <jqx-tree-item>Education </jqx-tree-item> <jqx-tree-item>Financial services </jqx-tree-item> <jqx-tree-item>Government </jqx-tree-item> <jqx-tree-item>Manufacturing </jqx-tree-item> <jqx-tree-item> Solutions <jqx-tree-items> <jqx-tree-item>Consumer photo and video </jqx-tree-item> <jqx-tree-item>Mobile </jqx-tree-item> <jqx-tree-item>Rich Internet appjqx-tree-itemcations </jqx-tree-item> <jqx-tree-item>Technical communication </jqx-tree-item> <jqx-tree-item>Training and eLearning </jqx-tree-item> <jqx-tree-item>Web conferencing </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item>All industries and solutions </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Products <jqx-tree-items> <jqx-tree-item>PC products </jqx-tree-item> <jqx-tree-item>Mobile products </jqx-tree-item> <jqx-tree-item>All products </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Support <jqx-tree-items> <jqx-tree-item>Support home </jqx-tree-item> <jqx-tree-item>Customer Service </jqx-tree-item> <jqx-tree-item>Knowledge base </jqx-tree-item> <jqx-tree-item>Books </jqx-tree-item> <jqx-tree-item>Training and certification </jqx-tree-item> <jqx-tree-item>Support programs </jqx-tree-item> <jqx-tree-item>Forums </jqx-tree-item> <jqx-tree-item>Documentation </jqx-tree-item> <jqx-tree-item>Updates </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> </jqx-tree-items> </jqx-tree></jqx-drop-down-button-body></jqx-drop-down-button> @section scripts { <script type="text/javascript"> function eventHandler(event) {
|
open
|
Event
|
|
Code examples
Bind to the open event of jqxDropDownButton.
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxpanel.js"></script> <script src="~/jqwidgets/jqxtree.js"></script> <script src="~/jqwidgets/jqxdropdownbutton.js"></script> <script src="~/jqwidgets/globalization/globalize.js"></script> @using jQWidgets.AspNetCore.Mvc.TagHelpers @{ ViewData["Title"] = "ASP .NET MVC DropDownButton Example";} <jqx-drop-down-button> <jqx-drop-down-button-header>Choose Items </jqx-drop-down-button-header> <jqx-drop-down-button-body> <jqx-tree width="300" theme="@ViewData["Theme"]'> <jqx-tree-items> <jqx-tree-item id='home' item-selected='true'>Home </jqx-tree-item> <jqx-tree-item item-expanded='true'> Solutions <jqx-tree-items> <jqx-tree-item>Education </jqx-tree-item> <jqx-tree-item>Financial services </jqx-tree-item> <jqx-tree-item>Government </jqx-tree-item> <jqx-tree-item>Manufacturing </jqx-tree-item> <jqx-tree-item> Solutions <jqx-tree-items> <jqx-tree-item>Consumer photo and video </jqx-tree-item> <jqx-tree-item>Mobile </jqx-tree-item> <jqx-tree-item>Rich Internet appjqx-tree-itemcations </jqx-tree-item> <jqx-tree-item>Technical communication </jqx-tree-item> <jqx-tree-item>Training and eLearning </jqx-tree-item> <jqx-tree-item>Web conferencing </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item>All industries and solutions </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Products <jqx-tree-items> <jqx-tree-item>PC products </jqx-tree-item> <jqx-tree-item>Mobile products </jqx-tree-item> <jqx-tree-item>All products </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Support <jqx-tree-items> <jqx-tree-item>Support home </jqx-tree-item> <jqx-tree-item>Customer Service </jqx-tree-item> <jqx-tree-item>Knowledge base </jqx-tree-item> <jqx-tree-item>Books </jqx-tree-item> <jqx-tree-item>Training and certification </jqx-tree-item> <jqx-tree-item>Support programs </jqx-tree-item> <jqx-tree-item>Forums </jqx-tree-item> <jqx-tree-item>Documentation </jqx-tree-item> <jqx-tree-item>Updates </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> </jqx-tree-items> </jqx-tree></jqx-drop-down-button-body></jqx-drop-down-button> @section scripts { <script type="text/javascript"> function eventHandler(event) {
|
|
close
|
Method
|
|
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxpanel.js"></script> <script src="~/jqwidgets/jqxtree.js"></script> <script src="~/jqwidgets/jqxdropdownbutton.js"></script> <script src="~/jqwidgets/globalization/globalize.js"></script> @using jQWidgets.AspNetCore.Mvc.TagHelpers @{ ViewData["Title"] = "ASP .NET MVC DropDownButton Example";} <jqx-drop-down-button> <jqx-drop-down-button-header>Choose Items </jqx-drop-down-button-header> <jqx-drop-down-button-body> <jqx-tree width="300" theme="@ViewData["Theme"]'> <jqx-tree-items> <jqx-tree-item id='home' item-selected='true'>Home </jqx-tree-item> <jqx-tree-item item-expanded='true'> Solutions <jqx-tree-items> <jqx-tree-item>Education </jqx-tree-item> <jqx-tree-item>Financial services </jqx-tree-item> <jqx-tree-item>Government </jqx-tree-item> <jqx-tree-item>Manufacturing </jqx-tree-item> <jqx-tree-item> Solutions <jqx-tree-items> <jqx-tree-item>Consumer photo and video </jqx-tree-item> <jqx-tree-item>Mobile </jqx-tree-item> <jqx-tree-item>Rich Internet appjqx-tree-itemcations </jqx-tree-item> <jqx-tree-item>Technical communication </jqx-tree-item> <jqx-tree-item>Training and eLearning </jqx-tree-item> <jqx-tree-item>Web conferencing </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item>All industries and solutions </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Products <jqx-tree-items> <jqx-tree-item>PC products </jqx-tree-item> <jqx-tree-item>Mobile products </jqx-tree-item> <jqx-tree-item>All products </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Support <jqx-tree-items> <jqx-tree-item>Support home </jqx-tree-item> <jqx-tree-item>Customer Service </jqx-tree-item> <jqx-tree-item>Knowledge base </jqx-tree-item> <jqx-tree-item>Books </jqx-tree-item> <jqx-tree-item>Training and certification </jqx-tree-item> <jqx-tree-item>Support programs </jqx-tree-item> <jqx-tree-item>Forums </jqx-tree-item> <jqx-tree-item>Documentation </jqx-tree-item> <jqx-tree-item>Updates </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> </jqx-tree-items> </jqx-tree></jqx-drop-down-button-body></jqx-drop-down-button> @section scripts { <script type="text/javascript"> function getInstance(instance) {
|
destroy
|
Method
|
|
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxpanel.js"></script> <script src="~/jqwidgets/jqxtree.js"></script> <script src="~/jqwidgets/jqxdropdownbutton.js"></script> <script src="~/jqwidgets/globalization/globalize.js"></script> @using jQWidgets.AspNetCore.Mvc.TagHelpers @{ ViewData["Title"] = "ASP .NET MVC DropDownButton Example";} <jqx-drop-down-button> <jqx-drop-down-button-header>Choose Items </jqx-drop-down-button-header> <jqx-drop-down-button-body> <jqx-tree width="300" theme="@ViewData["Theme"]'> <jqx-tree-items> <jqx-tree-item id='home' item-selected='true'>Home </jqx-tree-item> <jqx-tree-item item-expanded='true'> Solutions <jqx-tree-items> <jqx-tree-item>Education </jqx-tree-item> <jqx-tree-item>Financial services </jqx-tree-item> <jqx-tree-item>Government </jqx-tree-item> <jqx-tree-item>Manufacturing </jqx-tree-item> <jqx-tree-item> Solutions <jqx-tree-items> <jqx-tree-item>Consumer photo and video </jqx-tree-item> <jqx-tree-item>Mobile </jqx-tree-item> <jqx-tree-item>Rich Internet appjqx-tree-itemcations </jqx-tree-item> <jqx-tree-item>Technical communication </jqx-tree-item> <jqx-tree-item>Training and eLearning </jqx-tree-item> <jqx-tree-item>Web conferencing </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item>All industries and solutions </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Products <jqx-tree-items> <jqx-tree-item>PC products </jqx-tree-item> <jqx-tree-item>Mobile products </jqx-tree-item> <jqx-tree-item>All products </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Support <jqx-tree-items> <jqx-tree-item>Support home </jqx-tree-item> <jqx-tree-item>Customer Service </jqx-tree-item> <jqx-tree-item>Knowledge base </jqx-tree-item> <jqx-tree-item>Books </jqx-tree-item> <jqx-tree-item>Training and certification </jqx-tree-item> <jqx-tree-item>Support programs </jqx-tree-item> <jqx-tree-item>Forums </jqx-tree-item> <jqx-tree-item>Documentation </jqx-tree-item> <jqx-tree-item>Updates </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> </jqx-tree-items> </jqx-tree></jqx-drop-down-button-body></jqx-drop-down-button> @section scripts { <script type="text/javascript"> function getInstance(instance) {
|
focus
|
Method
|
|
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxpanel.js"></script> <script src="~/jqwidgets/jqxtree.js"></script> <script src="~/jqwidgets/jqxdropdownbutton.js"></script> <script src="~/jqwidgets/globalization/globalize.js"></script> @using jQWidgets.AspNetCore.Mvc.TagHelpers @{ ViewData["Title"] = "ASP .NET MVC DropDownButton Example";} <jqx-drop-down-button> <jqx-drop-down-button-header>Choose Items </jqx-drop-down-button-header> <jqx-drop-down-button-body> <jqx-tree width="300" theme="@ViewData["Theme"]'> <jqx-tree-items> <jqx-tree-item id='home' item-selected='true'>Home </jqx-tree-item> <jqx-tree-item item-expanded='true'> Solutions <jqx-tree-items> <jqx-tree-item>Education </jqx-tree-item> <jqx-tree-item>Financial services </jqx-tree-item> <jqx-tree-item>Government </jqx-tree-item> <jqx-tree-item>Manufacturing </jqx-tree-item> <jqx-tree-item> Solutions <jqx-tree-items> <jqx-tree-item>Consumer photo and video </jqx-tree-item> <jqx-tree-item>Mobile </jqx-tree-item> <jqx-tree-item>Rich Internet appjqx-tree-itemcations </jqx-tree-item> <jqx-tree-item>Technical communication </jqx-tree-item> <jqx-tree-item>Training and eLearning </jqx-tree-item> <jqx-tree-item>Web conferencing </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item>All industries and solutions </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Products <jqx-tree-items> <jqx-tree-item>PC products </jqx-tree-item> <jqx-tree-item>Mobile products </jqx-tree-item> <jqx-tree-item>All products </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Support <jqx-tree-items> <jqx-tree-item>Support home </jqx-tree-item> <jqx-tree-item>Customer Service </jqx-tree-item> <jqx-tree-item>Knowledge base </jqx-tree-item> <jqx-tree-item>Books </jqx-tree-item> <jqx-tree-item>Training and certification </jqx-tree-item> <jqx-tree-item>Support programs </jqx-tree-item> <jqx-tree-item>Forums </jqx-tree-item> <jqx-tree-item>Documentation </jqx-tree-item> <jqx-tree-item>Updates </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> </jqx-tree-items> </jqx-tree></jqx-drop-down-button-body></jqx-drop-down-button> @section scripts { <script type="text/javascript"> function getInstance(instance) {
|
getContent
|
Method
|
|
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxpanel.js"></script> <script src="~/jqwidgets/jqxtree.js"></script> <script src="~/jqwidgets/jqxdropdownbutton.js"></script> <script src="~/jqwidgets/globalization/globalize.js"></script> @using jQWidgets.AspNetCore.Mvc.TagHelpers @{ ViewData["Title"] = "ASP .NET MVC DropDownButton Example";} <jqx-drop-down-button> <jqx-drop-down-button-header>Choose Items </jqx-drop-down-button-header> <jqx-drop-down-button-body> <jqx-tree width="300" theme="@ViewData["Theme"]'> <jqx-tree-items> <jqx-tree-item id='home' item-selected='true'>Home </jqx-tree-item> <jqx-tree-item item-expanded='true'> Solutions <jqx-tree-items> <jqx-tree-item>Education </jqx-tree-item> <jqx-tree-item>Financial services </jqx-tree-item> <jqx-tree-item>Government </jqx-tree-item> <jqx-tree-item>Manufacturing </jqx-tree-item> <jqx-tree-item> Solutions <jqx-tree-items> <jqx-tree-item>Consumer photo and video </jqx-tree-item> <jqx-tree-item>Mobile </jqx-tree-item> <jqx-tree-item>Rich Internet appjqx-tree-itemcations </jqx-tree-item> <jqx-tree-item>Technical communication </jqx-tree-item> <jqx-tree-item>Training and eLearning </jqx-tree-item> <jqx-tree-item>Web conferencing </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item>All industries and solutions </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Products <jqx-tree-items> <jqx-tree-item>PC products </jqx-tree-item> <jqx-tree-item>Mobile products </jqx-tree-item> <jqx-tree-item>All products </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Support <jqx-tree-items> <jqx-tree-item>Support home </jqx-tree-item> <jqx-tree-item>Customer Service </jqx-tree-item> <jqx-tree-item>Knowledge base </jqx-tree-item> <jqx-tree-item>Books </jqx-tree-item> <jqx-tree-item>Training and certification </jqx-tree-item> <jqx-tree-item>Support programs </jqx-tree-item> <jqx-tree-item>Forums </jqx-tree-item> <jqx-tree-item>Documentation </jqx-tree-item> <jqx-tree-item>Updates </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> </jqx-tree-items> </jqx-tree></jqx-drop-down-button-body></jqx-drop-down-button> @section scripts { <script type="text/javascript"> function getInstance(instance) { var result = instance[ "getContent"]();
|
isOpened
|
Method
|
|
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxpanel.js"></script> <script src="~/jqwidgets/jqxtree.js"></script> <script src="~/jqwidgets/jqxdropdownbutton.js"></script> <script src="~/jqwidgets/globalization/globalize.js"></script> @using jQWidgets.AspNetCore.Mvc.TagHelpers @{ ViewData["Title"] = "ASP .NET MVC DropDownButton Example";} <jqx-drop-down-button> <jqx-drop-down-button-header>Choose Items </jqx-drop-down-button-header> <jqx-drop-down-button-body> <jqx-tree width="300" theme="@ViewData["Theme"]'> <jqx-tree-items> <jqx-tree-item id='home' item-selected='true'>Home </jqx-tree-item> <jqx-tree-item item-expanded='true'> Solutions <jqx-tree-items> <jqx-tree-item>Education </jqx-tree-item> <jqx-tree-item>Financial services </jqx-tree-item> <jqx-tree-item>Government </jqx-tree-item> <jqx-tree-item>Manufacturing </jqx-tree-item> <jqx-tree-item> Solutions <jqx-tree-items> <jqx-tree-item>Consumer photo and video </jqx-tree-item> <jqx-tree-item>Mobile </jqx-tree-item> <jqx-tree-item>Rich Internet appjqx-tree-itemcations </jqx-tree-item> <jqx-tree-item>Technical communication </jqx-tree-item> <jqx-tree-item>Training and eLearning </jqx-tree-item> <jqx-tree-item>Web conferencing </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item>All industries and solutions </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Products <jqx-tree-items> <jqx-tree-item>PC products </jqx-tree-item> <jqx-tree-item>Mobile products </jqx-tree-item> <jqx-tree-item>All products </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Support <jqx-tree-items> <jqx-tree-item>Support home </jqx-tree-item> <jqx-tree-item>Customer Service </jqx-tree-item> <jqx-tree-item>Knowledge base </jqx-tree-item> <jqx-tree-item>Books </jqx-tree-item> <jqx-tree-item>Training and certification </jqx-tree-item> <jqx-tree-item>Support programs </jqx-tree-item> <jqx-tree-item>Forums </jqx-tree-item> <jqx-tree-item>Documentation </jqx-tree-item> <jqx-tree-item>Updates </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> </jqx-tree-items> </jqx-tree></jqx-drop-down-button-body></jqx-drop-down-button> @section scripts { <script type="text/javascript"> function getInstance(instance) { var result = instance[ "isOpened"]();
|
open
|
Method
|
|
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxpanel.js"></script> <script src="~/jqwidgets/jqxtree.js"></script> <script src="~/jqwidgets/jqxdropdownbutton.js"></script> <script src="~/jqwidgets/globalization/globalize.js"></script> @using jQWidgets.AspNetCore.Mvc.TagHelpers @{ ViewData["Title"] = "ASP .NET MVC DropDownButton Example";} <jqx-drop-down-button> <jqx-drop-down-button-header>Choose Items </jqx-drop-down-button-header> <jqx-drop-down-button-body> <jqx-tree width="300" theme="@ViewData["Theme"]'> <jqx-tree-items> <jqx-tree-item id='home' item-selected='true'>Home </jqx-tree-item> <jqx-tree-item item-expanded='true'> Solutions <jqx-tree-items> <jqx-tree-item>Education </jqx-tree-item> <jqx-tree-item>Financial services </jqx-tree-item> <jqx-tree-item>Government </jqx-tree-item> <jqx-tree-item>Manufacturing </jqx-tree-item> <jqx-tree-item> Solutions <jqx-tree-items> <jqx-tree-item>Consumer photo and video </jqx-tree-item> <jqx-tree-item>Mobile </jqx-tree-item> <jqx-tree-item>Rich Internet appjqx-tree-itemcations </jqx-tree-item> <jqx-tree-item>Technical communication </jqx-tree-item> <jqx-tree-item>Training and eLearning </jqx-tree-item> <jqx-tree-item>Web conferencing </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item>All industries and solutions </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Products <jqx-tree-items> <jqx-tree-item>PC products </jqx-tree-item> <jqx-tree-item>Mobile products </jqx-tree-item> <jqx-tree-item>All products </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Support <jqx-tree-items> <jqx-tree-item>Support home </jqx-tree-item> <jqx-tree-item>Customer Service </jqx-tree-item> <jqx-tree-item>Knowledge base </jqx-tree-item> <jqx-tree-item>Books </jqx-tree-item> <jqx-tree-item>Training and certification </jqx-tree-item> <jqx-tree-item>Support programs </jqx-tree-item> <jqx-tree-item>Forums </jqx-tree-item> <jqx-tree-item>Documentation </jqx-tree-item> <jqx-tree-item>Updates </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> </jqx-tree-items> </jqx-tree></jqx-drop-down-button-body></jqx-drop-down-button> @section scripts { <script type="text/javascript"> function getInstance(instance) {
|
setContent
|
Method
|
|
<script src="~/jqwidgets/jqxbuttons.js"></script> <script src="~/jqwidgets/jqxscrollbar.js"></script> <script src="~/jqwidgets/jqxpanel.js"></script> <script src="~/jqwidgets/jqxtree.js"></script> <script src="~/jqwidgets/jqxdropdownbutton.js"></script> <script src="~/jqwidgets/globalization/globalize.js"></script> @using jQWidgets.AspNetCore.Mvc.TagHelpers @{ ViewData["Title"] = "ASP .NET MVC DropDownButton Example";} <jqx-drop-down-button> <jqx-drop-down-button-header>Choose Items </jqx-drop-down-button-header> <jqx-drop-down-button-body> <jqx-tree width="300" theme="@ViewData["Theme"]'> <jqx-tree-items> <jqx-tree-item id='home' item-selected='true'>Home </jqx-tree-item> <jqx-tree-item item-expanded='true'> Solutions <jqx-tree-items> <jqx-tree-item>Education </jqx-tree-item> <jqx-tree-item>Financial services </jqx-tree-item> <jqx-tree-item>Government </jqx-tree-item> <jqx-tree-item>Manufacturing </jqx-tree-item> <jqx-tree-item> Solutions <jqx-tree-items> <jqx-tree-item>Consumer photo and video </jqx-tree-item> <jqx-tree-item>Mobile </jqx-tree-item> <jqx-tree-item>Rich Internet appjqx-tree-itemcations </jqx-tree-item> <jqx-tree-item>Technical communication </jqx-tree-item> <jqx-tree-item>Training and eLearning </jqx-tree-item> <jqx-tree-item>Web conferencing </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item>All industries and solutions </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Products <jqx-tree-items> <jqx-tree-item>PC products </jqx-tree-item> <jqx-tree-item>Mobile products </jqx-tree-item> <jqx-tree-item>All products </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> <jqx-tree-item> Support <jqx-tree-items> <jqx-tree-item>Support home </jqx-tree-item> <jqx-tree-item>Customer Service </jqx-tree-item> <jqx-tree-item>Knowledge base </jqx-tree-item> <jqx-tree-item>Books </jqx-tree-item> <jqx-tree-item>Training and certification </jqx-tree-item> <jqx-tree-item>Support programs </jqx-tree-item> <jqx-tree-item>Forums </jqx-tree-item> <jqx-tree-item>Documentation </jqx-tree-item> <jqx-tree-item>Updates </jqx-tree-item> </jqx-tree-items> </jqx-tree-item> </jqx-tree-items> </jqx-tree></jqx-drop-down-button-body></jqx-drop-down-button> @section scripts { <script type="text/javascript"> function getInstance(instance) { instance[ "setContent"]( 'content');
|