animationType | string | 'slide' |
Sets or gets the <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> |
||
arrowSize | int | false |
Sets or gets the <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> |
||
autoOpen | bool | false |
Sets or gets the <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> |
||
closeDelay | int | 400 |
Sets or gets the <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> |
||
disabled | bool | false |
Sets or gets the <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> |
||
dropDownHorizontalAlignment | string | 'left' |
Sets or gets the <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> |
||
dropDownVerticalAlignment | string | 'bottom' |
Sets or gets the <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> |
||
dropDownWidth | string | null |
Sets or gets the <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> |
||
enableBrowserBoundsDetection | bool | false |
Sets or gets the <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> |
||
height | int | null |
Sets or gets the <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> |
||
initContent | string | null |
Sets or gets the <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> |
||
openDelay | int | 350 |
Sets or gets the <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> |
||
popupZIndex | int | 20000 |
Sets or gets the <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> |
||
rtl | bool | false |
Sets or gets the <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> |
||
template | string | 'default' |
Sets or gets the <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> |
||
theme | string | '' |
Sets or gets the <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> |
||
width | int | null |
Sets or gets the <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> |
||
Events |
||
close | Event | |
Code examples
Bind to the
<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) { } </script> } |
||
open | Event | |
Code examples
Bind to the
<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) { } </script> } |
||
Methods |
||
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) { instance["close"](); } </script> } |
||
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) { instance["destroy"](); } </script> } |
||
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) { instance["focus"](); } </script> } |
||
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"](); } </script> } |
||
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"](); } </script> } |
||
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) { instance["open"](); } </script> } |
||
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'); } </script> } |