Newer
Older
PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Getting Started</title>
<!-- add one of the jQWidgets styles -->
<link rel="stylesheet" href="../packages/bootstrap/css/bootstrap.min.css">
<link rel="stylesheet" href="../packages/bootstrap/css/bootstrap-theme.min.css">
<link rel="stylesheet" href="../packages/jqwidgets/css/jqx.base.css">
<link rel="stylesheet" href="../packages/jqwidgets/css/jqx.darkblue.css">
<script src="../packages/jquery/js/jquery.min.js"></script>
<script src="../packages/bootstrap/js/bootstrap.min.js"></script>
<script src="../packages/jqwidgets/js/jqx-all.js"></script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function () {
$("#myButton").jqxButton(
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
<div id='content'>
<script type="text/javascript">
$(document).ready(function () {
var source = [
"Affogato",
"Americano",
"Bicerin",
"Breve",
"Café Bombón",
"Café au lait",
"Caffé Corretto",
"Café Crema",
"Caffé Latte",
"Caffé macchiato",
"Café mélange",
"Coffee milk",
"Cafe mocha",
"Cappuccino",
"Carajillo",
"Cortado",
"Cuban espresso",
"Espresso",
"Eiskaffee",
"The Flat White",
"Frappuccino",
"Galao",
"Greek frappé coffee",
"Iced Coffee",
"Indian filter coffee",
"Instant coffee",
"Irish coffee",
"Liqueur coffee"
];
// Create a jqxDropDownList
$("#jqxWidget").jqxDropDownList({source: source, selectedIndex: 1});
var data = [
"Affogato",
"Americano",
"Bicerin",
"Affogato",
"Americano",
"Bicerin"
];
$("#jqxWidget").jqxDropDownList({source: data, selectedIndex: 3});
});
var data = [{
"empName": "test",
"age": "67",
"department": {"id": "1234", "name": "Sales"},
"author": "ravi"
},
{"empName": "test2"}
];
// prepare the data
var source =
{
datatype: "json",
datafields: [
],
localdata: data
};
var dataAdapter = new $.jqx.dataAdapter(source);
$("#inputAdapter").jqxDropDownList({
source: dataAdapter,
placeHolder: "Enter text here",
displayMember: "empName"
});
});
</script>
<div id='jqxWidget'>
</div>
<div id="inputAdapter">
</div>
<div>
<input type="radio" name="fruit" value="apple"> Apple
<br>
<input type="radio" name="fruit" value="prune"> Prune
</div>
</div>
</body>
</html>