|
autoOpen
|
boolean
|
false
|
Sets or gets the autoOpen property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { autoOpen:true, theme: "light" } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
autoDropDownHeight
|
boolean
|
false
|
Sets or gets the autoDropDownHeight property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { autoDropDownHeight:true, theme: "light" } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
animationType
|
string
|
'slide'
|
Sets or gets the animationType property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { animationType: "fade", theme:"light" } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
checkboxes
|
boolean
|
false
|
Sets or gets the checkboxes property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { checkboxes:true, theme: "light" } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
closeDelay
|
number
|
400
|
Sets or gets the closeDelay property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { closeDelay:200, theme: "light" } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
disabled
|
boolean
|
false
|
Sets or gets the disabled property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { disabled:true, theme: "light" } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
displayMember
|
string
|
""
|
Sets or gets the displayMember property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { valueMember: "value", displayMember:"label", theme:"light" } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
dropDownHorizontalAlignment
|
string
|
'left'
|
Sets or gets the dropDownHorizontalAlignment property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { dropDownHorizontalAlignment: "right", theme:"light" } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
dropDownVerticalAlignment
|
string
|
'bottom'
|
Sets or gets the dropDownVerticalAlignment property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { dropDownVerticalAlignment: "top", theme:"light" } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
dropDownHeight
|
number
|
200
|
Sets or gets the dropDownHeight property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { dropDownHeight:200, theme: "light" } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
dropDownWidth
|
number
|
200
|
Sets or gets the dropDownWidth property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { dropDownWidth:210, theme: "light" } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
enableSelection
|
boolean
|
true
|
Sets or gets the enableSelection property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { enableSelection:true, theme: "light" } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
enableBrowserBoundsDetection
|
boolean
|
false
|
Sets or gets the enableBrowserBoundsDetection property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { enableBrowserBoundsDetection:true, theme: "light" } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
enableHover
|
boolean
|
true
|
Sets or gets the enableHover property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { enableHover:true, theme: "light" } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
filterable
|
boolean
|
false
|
Sets or gets the filterable property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { filterable:true, theme: "light" } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
filterHeight
|
number
|
27
|
Sets or gets the filterHeight property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { filterHeight:30,filterable:true, theme: "light" } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
filterDelay
|
number
|
100
|
Sets or gets the filterDelay property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { filterDelay:200,filterable:true, theme: "light" } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
filterPlaceHolder
|
string
|
"Looking for"
|
Sets or gets the filterPlaceHolder property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { filterable:true, filterPlaceHolder: "Filtering...", theme:"light" } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
height
|
number
|
null
|
Sets or gets the height property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { theme: "light" } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
incrementalSearch
|
boolean
|
true
|
Sets or gets the incrementalSearch property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { incrementalSearch:false, theme: "light" } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
incrementalSearchDelay
|
number
|
700
|
Sets or gets the incrementalSearchDelay property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { incrementalSearchDelay:200, theme: "light" } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
itemHeight
|
number
|
-1
|
Sets or gets the itemHeight property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { itemHeight:30, theme: "light" } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
openDelay
|
number
|
350
|
Sets or gets the openDelay property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { openDelay:2000, theme: "light" } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
placeHolder
|
string
|
"Please Choose:"
|
Sets or gets the placeHolder property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { placeHolder: "Select", theme:"light" } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
popupZIndex
|
number
|
20000
|
Sets or gets the popupZIndex property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { popupZIndex:20000, theme: "light" } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
rtl
|
boolean
|
false
|
Sets or gets the rtl property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { rtl:true, theme: "light" } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
renderer
|
function
|
null
|
Sets or gets the renderer property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { renderer: "renderer", theme:"light" } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
selectionRenderer
|
function
|
null
|
Sets or gets the selectionRenderer property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { selectionRenderer: "selectionRenderer", theme:"light" } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
searchMode
|
string
|
startswith
|
Sets or gets the searchMode property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { searchMode: "startswith", theme:"light" } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
scrollBarSize
|
number
|
17
|
Sets or gets the scrollBarSize property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { scrollBarSize:15, theme: "light" } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
source
|
array
|
null
|
Sets or gets the source property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { theme: "light" } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
selectedIndex
|
number
|
-1
|
Sets or gets the selectedIndex property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { selectedIndex:1, theme: "light" } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
theme
|
string
|
''
|
Sets or gets the theme property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { theme: "light" } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
template
|
string
|
''
|
Sets or gets the template property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { template: "success", theme:"light" } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
valueMember
|
string
|
""
|
Sets or gets the valueMember property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { valueMember: "value", displayMember:"label", theme:"light" } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
width
|
number
|
null
|
Sets or gets the width property.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { theme: "light" } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
|
|
bindingComplete
|
Event
|
|
Code examples
Bind to the bindingComplete event of jqxDropDownList.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { } window.onload = function() { document.querySelector( "jqx-drop-down-list").addEventListener("bindingComplete", function(event) { // Your code here. }); }; </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
close
|
Event
|
|
Code examples
Bind to the close event of jqxDropDownList.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { } window.onload = function() { document.querySelector( "jqx-drop-down-list").addEventListener("close", function(event) { // Your code here. }); }; </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
checkChange
|
Event
|
|
Code examples
Bind to the checkChange event of jqxDropDownList.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { } window.onload = function() { document.querySelector( "jqx-drop-down-list").addEventListener("checkChange", function(event) { // Your code here. }); }; </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
change
|
Event
|
|
Code examples
Bind to the change event of jqxDropDownList.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { } window.onload = function() { document.querySelector( "jqx-drop-down-list").addEventListener("change", function(event) { // Your code here. }); }; </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
open
|
Event
|
|
Code examples
Bind to the open event of jqxDropDownList.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { } window.onload = function() { document.querySelector( "jqx-drop-down-list").addEventListener("open", function(event) { // Your code here. }); }; </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
select
|
Event
|
|
Code examples
Bind to the select event of jqxDropDownList.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { } window.onload = function() { document.querySelector( "jqx-drop-down-list").addEventListener("select", function(event) { // Your code here. }); }; </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
unselect
|
Event
|
|
Code examples
Bind to the unselect event of jqxDropDownList.
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { } window.onload = function() { document.querySelector( "jqx-drop-down-list").addEventListener("unselect", function(event) { // Your code here. }); }; </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
|
|
addItem
|
Method
|
|
| Parameter |
Type |
Description |
| item |
object/string |
|
Return Value
void
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { } window.onload = function() { document.querySelector( "jqx-drop-down-list").addItem( 'Item1'); } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
clearSelection
|
Method
|
|
| Parameter |
Type |
Description |
| None |
|
|
Return Value
void
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { } window.onload = function() { document.querySelector( "jqx-drop-down-list").clearSelection(); } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
clear
|
Method
|
|
| Parameter |
Type |
Description |
| None |
|
|
Return Value
void
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { } window.onload = function() { document.querySelector( "jqx-drop-down-list").clear(); } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
close
|
Method
|
|
| Parameter |
Type |
Description |
| None |
|
|
Return Value
void
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { } window.onload = function() { document.querySelector( "jqx-drop-down-list").close(); } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
checkIndex
|
Method
|
|
| Parameter |
Type |
Description |
| index |
number |
|
Return Value
void
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { } window.onload = function() { document.querySelector( "jqx-drop-down-list").checkIndex(0); } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
checkItem
|
Method
|
|
| Parameter |
Type |
Description |
| item |
object/string |
|
Return Value
void
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { } window.onload = function() { document.querySelector( "jqx-drop-down-list").checkItem( 'Item1'); } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
checkAll
|
Method
|
|
| Parameter |
Type |
Description |
| None |
|
|
Return Value
void
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { } window.onload = function() { document.querySelector( "jqx-drop-down-list").checkAll(); } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
clearFilter
|
Method
|
|
| Parameter |
Type |
Description |
| None |
|
|
Return Value
void
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { } window.onload = function() { document.querySelector( "jqx-drop-down-list").clearFilter(); } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
destroy
|
Method
|
|
| Parameter |
Type |
Description |
| None |
|
|
Return Value
void
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { } window.onload = function() { document.querySelector( "jqx-drop-down-list").destroy(); } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
disableItem
|
Method
|
|
| Parameter |
Type |
Description |
| item |
object/string |
|
Return Value
void
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { } window.onload = function() { document.querySelector( "jqx-drop-down-list").disableItem( 'Item1'); } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
disableAt
|
Method
|
|
| Parameter |
Type |
Description |
| index |
number |
|
Return Value
void
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { } window.onload = function() { document.querySelector( "jqx-drop-down-list").disableAt(0); } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
enableItem
|
Method
|
|
| Parameter |
Type |
Description |
| item |
object/string |
|
Return Value
void
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { } window.onload = function() { document.querySelector( "jqx-drop-down-list").enableItem( 'Item1'); } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
enableAt
|
Method
|
|
| Parameter |
Type |
Description |
| index |
number |
|
Return Value
void
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { } window.onload = function() { document.querySelector( "jqx-drop-down-list").enableAt(10); } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
ensureVisible
|
Method
|
|
| Parameter |
Type |
Description |
| index |
number |
|
Return Value
void
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { } window.onload = function() { document.querySelector( "jqx-drop-down-list").ensureVisible(10); } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
focus
|
Method
|
|
| Parameter |
Type |
Description |
| None |
|
|
Return Value
void
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { } window.onload = function() { document.querySelector( "jqx-drop-down-list").focus(); } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
getItem
|
Method
|
|
| Parameter |
Type |
Description |
| index |
number |
|
Return Value
Object
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { } window.onload = function() { var result = document.querySelector( "jqx-drop-down-list").getItem(); } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
getItemByValue
|
Method
|
|
| Parameter |
Type |
Description |
| itemValue |
string |
|
Return Value
Object
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { } window.onload = function() { var result = document.querySelector( "jqx-drop-down-list").getItemByValue(); } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
getItems
|
Method
|
|
| Parameter |
Type |
Description |
| None |
|
|
Return Value
Array
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { } window.onload = function() { var result = document.querySelector( "jqx-drop-down-list").getItems(); } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
getCheckedItems
|
Method
|
|
| Parameter |
Type |
Description |
| None |
|
|
Return Value
Array
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { } window.onload = function() { var result = document.querySelector( "jqx-drop-down-list").getCheckedItems(); } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
getSelectedItem
|
Method
|
|
| Parameter |
Type |
Description |
| None |
|
|
Return Value
Object
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { } window.onload = function() { var result = document.querySelector( "jqx-drop-down-list").getSelectedItem(); } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
getSelectedIndex
|
Method
|
|
| Parameter |
Type |
Description |
| None |
|
|
Return Value
Number
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { } window.onload = function() { var result = document.querySelector( "jqx-drop-down-list").getSelectedIndex(); } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
insertAt
|
Method
|
|
| Parameter |
Type |
Description |
| item |
object/string |
|
| index |
number |
|
Return Value
void
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { } window.onload = function() { document.querySelector( "jqx-drop-down-list").insertAt( 'Item1',0); } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
isOpened
|
Method
|
|
| Parameter |
Type |
Description |
| None |
|
|
Return Value
Boolean
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { } window.onload = function() { var result = document.querySelector( "jqx-drop-down-list").isOpened(); } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
indeterminateIndex
|
Method
|
|
| Parameter |
Type |
Description |
| index |
number |
|
Return Value
void
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { } window.onload = function() { document.querySelector( "jqx-drop-down-list").indeterminateIndex(0); } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
indeterminateItem
|
Method
|
|
| Parameter |
Type |
Description |
| item |
object/string |
|
Return Value
void
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { } window.onload = function() { document.querySelector( "jqx-drop-down-list").indeterminateItem( 'Item1'); } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
loadFromSelect
|
Method
|
|
| Parameter |
Type |
Description |
| arg |
string |
|
Return Value
void
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { } window.onload = function() { document.querySelector( "jqx-drop-down-list").loadFromSelect( 'select'); } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
open
|
Method
|
|
| Parameter |
Type |
Description |
| None |
|
|
Return Value
void
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { } window.onload = function() { document.querySelector( "jqx-drop-down-list").open(); } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
removeItem
|
Method
|
|
| Parameter |
Type |
Description |
| item |
object/string |
|
Return Value
void
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { } window.onload = function() { document.querySelector( "jqx-drop-down-list").removeItem( 'Item1'); } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
removeAt
|
Method
|
|
| Parameter |
Type |
Description |
| index |
number |
|
Return Value
void
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { } window.onload = function() { document.querySelector( "jqx-drop-down-list").removeAt(1); } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
selectIndex
|
Method
|
|
| Parameter |
Type |
Description |
| index |
number |
|
Return Value
void
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { } window.onload = function() { document.querySelector( "jqx-drop-down-list").selectIndex(1); } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
selectItem
|
Method
|
|
| Parameter |
Type |
Description |
| item |
object |
|
Return Value
void
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { } window.onload = function() { document.querySelector( "jqx-drop-down-list").selectItem( 'Item1'); } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
setContent
|
Method
|
|
| Parameter |
Type |
Description |
| content |
string |
|
Return Value
void
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { } window.onload = function() { document.querySelector( "jqx-drop-down-list").setContent( 'Item1'); } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
updateItem
|
Method
|
|
| Parameter |
Type |
Description |
| newItem |
object |
|
| item |
any |
|
Return Value
void
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { } window.onload = function() { document.querySelector( "jqx-drop-down-list").updateItem( 'Item1','New Item'); } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
updateAt
|
Method
|
|
| Parameter |
Type |
Description |
| item |
object |
|
| index |
number |
|
Return Value
void
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { } window.onload = function() { document.querySelector( "jqx-drop-down-list").updateAt( 'Item1',0); } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
unselectIndex
|
Method
|
|
| Parameter |
Type |
Description |
| index |
number |
|
Return Value
void
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { } window.onload = function() { document.querySelector( "jqx-drop-down-list").unselectIndex(1); } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
unselectItem
|
Method
|
|
| Parameter |
Type |
Description |
| item |
object/string |
|
Return Value
void
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { } window.onload = function() { document.querySelector( "jqx-drop-down-list").unselectItem( 'item'); } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
uncheckIndex
|
Method
|
|
| Parameter |
Type |
Description |
| index |
number |
|
Return Value
void
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { } window.onload = function() { document.querySelector( "jqx-drop-down-list").uncheckIndex(1); } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
uncheckItem
|
Method
|
|
| Parameter |
Type |
Description |
| item |
object/string |
|
Return Value
void
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { } window.onload = function() { document.querySelector( "jqx-drop-down-list").uncheckItem( 'Item1'); } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
uncheckAll
|
Method
|
|
| Parameter |
Type |
Description |
| None |
|
|
Return Value
void
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { } window.onload = function() { document.querySelector( "jqx-drop-down-list").uncheckAll(); } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
|
val
|
Method
|
|
| Parameter |
Type |
Description |
| value |
string |
|
Return Value
String
<!DOCTYPE html><html lang="en"><head> <title id='Description'>ComboBox Custom Element Settings</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> <meta name="viewport" content="width=device-width, initial-scale=1 maximum-scale=1 minimum-scale=1" /> <link rel="stylesheet" href="../jqwidgets/styles/site.css" type="text/css" /> <link rel="stylesheet" href="../jqwidgets/styles/jqx.light.css" type="text/css" /> <link rel="stylesheet" href="../styles/demos.css" type="text/css" /> <script type="text/javascript" src="../scripts/webcomponents-lite.min.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.js"></script> <script type="text/javascript" src="../jqwidgets/jqxcore.elements.js"></script> <script type="text/javascript" src="../jqwidgets/jqxbuttons.js"></script> <script type="text/javascript" src="../jqwidgets/jqxscrollbar.js"></script> <script type="text/javascript" src="../jqwidgets/jqxlistbox.js"></script> <script type="text/javascript" src="../jqwidgets/jqxdropdownlist.js"></script> <script> var items = [ "Affogato", "Americano", "Bicerin", "Breve", "Cafe Bombon", "Cafe au lait", "Caffe Corretto", "Cafe Crema", "Caffe Latte", "Caffe macchiato", "Cafe melange", "Coffee milk", "Cafe mocha", "Cappuccino", "Carajillo", "Cortado", "Cuban espresso", "Espresso", "Eiskaffee", "The Flat White", "Frappuccino", "Galao", "Greek frappe coffee", "Iced Coffee?", "Indian filter coffee", "Instant coffee", "Irish coffee", "Liqueur coffee" ]; JQXElements.settings[ "dropdownlistSettings"] = { } window.onload = function() { var result = document.querySelector( "jqx-drop-down-list").val(); } </script></head><body> <jqx-drop-down-list settings="dropdownlistSettings"></jqx-drop-down-list>
|
