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/jqxcombobox.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[ "comboBoxSettings"] = { source:items, animationType: "fade", theme:"light" } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
autoComplete
|
boolean
|
false
|
Sets or gets the autoComplete 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/jqxcombobox.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[ "comboBoxSettings"] = { source:items,autoComplete:true, theme: "light" } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { source:items,autoOpen:true, theme: "light" } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
autoItemsHeight
|
boolean
|
false
|
Sets or gets the autoItemsHeight 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/jqxcombobox.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[ "comboBoxSettings"] = { source:items,autoItemsHeight:true, theme: "light" } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { source:items,autoDropDownHeight:true, theme: "light" } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { source:items,closeDelay:2000, theme: "light" } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { source:items,checkboxes:true, theme: "light" } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { source:items,disabled:true, theme: "light" } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { source:items, displayMember: "text", theme:"light" } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { source:items, dropDownHorizontalAlignment: "right", theme:"light" } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { source:items, dropDownVerticalAlignment: "top", theme:"light" } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { source:items,dropDownHeight:300, theme: "light" } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { source:items,dropDownWidth:300, theme: "light" } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { source:items,enableHover:false, theme: "light" } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { source:items,enableSelection:false, theme: "light" } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { source:items,enableBrowserBoundsDetection:true, theme: "light" } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { source:items, theme: "light" } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { source:items, theme: "light",itemHeight:25 } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
multiSelect
|
boolean
|
false
|
Sets or gets the multiSelect 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/jqxcombobox.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[ "comboBoxSettings"] = { source:items, theme: "light",multiSelect:true } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
minLength
|
number
|
2
|
Sets or gets the minLength 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/jqxcombobox.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[ "comboBoxSettings"] = { source:items, theme: "light",minLength:2 } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { source:items, theme: "light",openDelay:2000 } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { source:items, theme: "light",popupZIndex:2000 } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
placeHolder
|
string
|
""
|
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/jqxcombobox.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[ "comboBoxSettings"] = { source:items, theme: "light", placeHolder:"Text" } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
remoteAutoComplete
|
boolean
|
false
|
Sets or gets the remoteAutoComplete 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/jqxcombobox.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[ "comboBoxSettings"] = { source:items, theme: "light",remoteAutoComplete:true,remoteAutoCompleteDelay:200 } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
remoteAutoCompleteDelay
|
number
|
300
|
Sets or gets the remoteAutoCompleteDelay 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/jqxcombobox.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[ "comboBoxSettings"] = { source:items, theme: "light",remoteAutoComplete:true,remoteAutoCompleteDelay:200 } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { source:items, theme: "light", renderer:"renderer" } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
renderSelectedItem
|
function
|
null
|
Sets or gets the renderSelectedItem 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/jqxcombobox.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[ "comboBoxSettings"] = { source:items, theme: "light", renderSelectedItem:"renderSelectedItem" } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { source:items, theme: "light",rtl:true } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { source:items, theme: "light",selectedIndex:0 } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
showArrow
|
boolean
|
true
|
Sets or gets the showArrow 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/jqxcombobox.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[ "comboBoxSettings"] = { source:items, theme: "light",showArrow:true } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
showCloseButtons
|
boolean
|
true
|
Sets or gets the showCloseButtons 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/jqxcombobox.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[ "comboBoxSettings"] = { source:items, theme: "light",showCloseButtons:true } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { source:items, theme: "light", searchMode:"contains" } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
search
|
function
|
null
|
Sets or gets the search 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/jqxcombobox.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[ "comboBoxSettings"] = { source:items, theme: "light", search:"search" } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { source:items, theme: "light" } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { source:items, theme: "light",scrollBarSize:10 } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
template
|
string
|
'default'
|
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/jqxcombobox.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[ "comboBoxSettings"] = { source:items, theme: "light", template:"success" } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { source:items, theme: "light" } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
validateSelection
|
function
|
null
|
Sets or gets the validateSelection 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/jqxcombobox.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[ "comboBoxSettings"] = { source:items, theme: "light", validateSelection:"validateSelection" } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { source:items, theme: "light", valueMember:"value" } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { source:items, theme: "light" } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
|
bindingComplete
|
Event
|
|
Code examples
Bind to the bindingComplete event of jqxComboBox.
<!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/jqxcombobox.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[ "comboBoxSettings"] = { source:items, theme: "light" } window.onload = function() { document.querySelector( "jqx-combo-box").addEventListener("bindingComplete", function(event) { // Your code here. }); }; </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
checkChange
|
Event
|
|
Code examples
Bind to the checkChange event of jqxComboBox.
<!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/jqxcombobox.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[ "comboBoxSettings"] = { source:items, theme: "light" } window.onload = function() { document.querySelector( "jqx-combo-box").addEventListener("checkChange", function(event) { // Your code here. }); }; </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
close
|
Event
|
|
Code examples
Bind to the close event of jqxComboBox.
<!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/jqxcombobox.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[ "comboBoxSettings"] = { source:items, theme: "light" } window.onload = function() { document.querySelector( "jqx-combo-box").addEventListener("close", function(event) { // Your code here. }); }; </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
change
|
Event
|
|
Code examples
Bind to the change event of jqxComboBox.
<!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/jqxcombobox.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[ "comboBoxSettings"] = { source:items, theme: "light" } window.onload = function() { document.querySelector( "jqx-combo-box").addEventListener("change", function(event) { // Your code here. }); }; </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
open
|
Event
|
|
Code examples
Bind to the open event of jqxComboBox.
<!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/jqxcombobox.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[ "comboBoxSettings"] = { source:items, theme: "light" } window.onload = function() { document.querySelector( "jqx-combo-box").addEventListener("open", function(event) { // Your code here. }); }; </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
select
|
Event
|
|
Code examples
Bind to the select event of jqxComboBox.
<!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/jqxcombobox.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[ "comboBoxSettings"] = { source:items, theme: "light" } window.onload = function() { document.querySelector( "jqx-combo-box").addEventListener("select", function(event) { // Your code here. }); }; </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
unselect
|
Event
|
|
Code examples
Bind to the unselect event of jqxComboBox.
<!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/jqxcombobox.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[ "comboBoxSettings"] = { source:items, theme: "light" } window.onload = function() { document.querySelector( "jqx-combo-box").addEventListener("unselect", function(event) { // Your code here. }); }; </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
|
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/jqxcombobox.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[ "comboBoxSettings"] = { width:200,height:25 } window.onload = function() { document.querySelector( "jqx-combo-box").addItem( 'item'); } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { width:200,height:25 } window.onload = function() { document.querySelector( "jqx-combo-box").clearSelection(); } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { width:200,height:25 } window.onload = function() { document.querySelector( "jqx-combo-box").clear(); } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { width:200,height:25 } window.onload = function() { document.querySelector( "jqx-combo-box").close(); } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { width:200,height:25 } window.onload = function() { document.querySelector( "jqx-combo-box").checkIndex(0); } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { width:200,height:25 } window.onload = function() { document.querySelector( "jqx-combo-box").checkItem( 'Item1'); } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { width:200,height:25 } window.onload = function() { document.querySelector( "jqx-combo-box").checkAll(); } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { width:200,height:25 } window.onload = function() { document.querySelector( "jqx-combo-box").destroy(); } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { width:200,height:25 } window.onload = function() { document.querySelector( "jqx-combo-box").disableItem( 'Item1'); } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { width:200,height:25 } window.onload = function() { document.querySelector( "jqx-combo-box").disableAt(0); } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { width:200,height:25 } window.onload = function() { document.querySelector( "jqx-combo-box").enableItem( 'Item1'); } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { width:200,height:25 } window.onload = function() { document.querySelector( "jqx-combo-box").enableAt(0); } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { width:200,height:25 } window.onload = function() { document.querySelector( "jqx-combo-box").ensureVisible(10); } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { width:200,height:25 } window.onload = function() { document.querySelector( "jqx-combo-box").focus(); } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { width:200,height:25 } window.onload = function() { var result = document.querySelector( "jqx-combo-box").getItem(); } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
getItemByValue
|
Method
|
|
Parameter |
Type |
Description |
value |
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/jqxcombobox.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[ "comboBoxSettings"] = { width:200,height:25 } window.onload = function() { document.querySelector( "jqx-combo-box").getItemByValue( 'Item1'); } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
getVisibleItems
|
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/jqxcombobox.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[ "comboBoxSettings"] = { width:200,height:25 } window.onload = function() { var result = document.querySelector( "jqx-combo-box").getVisibleItems(); } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { width:200,height:25 } window.onload = function() { var result = document.querySelector( "jqx-combo-box").getItems(); } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { width:200,height:25 } window.onload = function() { var result = document.querySelector( "jqx-combo-box").getCheckedItems(); } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { width:200,height:25 } window.onload = function() { var result = document.querySelector( "jqx-combo-box").getSelectedItem(); } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
getSelectedItems
|
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/jqxcombobox.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[ "comboBoxSettings"] = { width:200,height:25 } window.onload = function() { var result = document.querySelector( "jqx-combo-box").getSelectedItems(); } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { width:200,height:25 } window.onload = function() { var result = document.querySelector( "jqx-combo-box").getSelectedIndex(); } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { width:200,height:25 } window.onload = function() { document.querySelector( "jqx-combo-box").insertAt( 'Item1',0); } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { width:200,height:25 } window.onload = function() { var result = document.querySelector( "jqx-combo-box").isOpened(); } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { width:200,height:25 } window.onload = function() { document.querySelector( "jqx-combo-box").indeterminateIndex(0); } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { width:200,height:25 } window.onload = function() { document.querySelector( "jqx-combo-box").indeterminateItem( 'Item1',0); } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
loadFromSelect
|
Method
|
|
Parameter |
Type |
Description |
selectTagId |
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/jqxcombobox.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[ "comboBoxSettings"] = { width:200,height:25 } window.onload = function() { document.querySelector( "jqx-combo-box").loadFromSelect( 'id'); } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { width:200,height:25 } window.onload = function() { document.querySelector( "jqx-combo-box").open(); } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
removeItem
|
Method
|
|
Parameter |
Type |
Description |
item |
object/string |
|
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/jqxcombobox.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[ "comboBoxSettings"] = { width:200,height:25 } window.onload = function() { document.querySelector( "jqx-combo-box").removeItem( 'Item1'); } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
removeAt
|
Method
|
|
Parameter |
Type |
Description |
index |
number |
|
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/jqxcombobox.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[ "comboBoxSettings"] = { width:200,height:25 } window.onload = function() { document.querySelector( "jqx-combo-box").removeAt(0); } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { width:200,height:25 } window.onload = function() { document.querySelector( "jqx-combo-box").selectIndex(0); } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
selectItem
|
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/jqxcombobox.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[ "comboBoxSettings"] = { width:200,height:25 } window.onload = function() { document.querySelector( "jqx-combo-box").selectItem( 'Item1'); } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
searchString
|
Method
|
|
Parameter |
Type |
Description |
None |
|
|
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/jqxcombobox.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[ "comboBoxSettings"] = { width:200,height:25 } window.onload = function() { var result = document.querySelector( "jqx-combo-box").searchString(); } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
updateItem
|
Method
|
|
Parameter |
Type |
Description |
item |
object/string |
|
itemValue |
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/jqxcombobox.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[ "comboBoxSettings"] = { width:200,height:25 } window.onload = function() { document.querySelector( "jqx-combo-box").updateItem( 'Item1','New Item'); } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
updateAt
|
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/jqxcombobox.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[ "comboBoxSettings"] = { width:200,height:25 } window.onload = function() { document.querySelector( "jqx-combo-box").updateAt( 'Item1',0); } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { width:200,height:25 } window.onload = function() { document.querySelector( "jqx-combo-box").unselectIndex(0); } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { width:200,height:25 } window.onload = function() { document.querySelector( "jqx-combo-box").unselectItem( 'Item1'); } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { width:200,height:25 } window.onload = function() { document.querySelector( "jqx-combo-box").uncheckIndex(0); } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { width:200,height:25 } window.onload = function() { document.querySelector( "jqx-combo-box").uncheckItem( 'Item1'); } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { width:200,height:25 } window.onload = function() { document.querySelector( "jqx-combo-box").uncheckAll(); } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|
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/jqxcombobox.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[ "comboBoxSettings"] = { width:200,height:25 } window.onload = function() { var result = document.querySelector( "jqx-combo-box").val(); } </script></head><body> <jqx-combo-box settings="comboBoxSettings"></jqx-combo-box>
|