3 <meta http-equiv=
"Content-Type" content=
"text/html; charset=utf-8" />
4 <title>qooxdoo
» Demo
</title>
5 <link type=
"text/css" rel=
"stylesheet" href=
"../../resource/css/layout.css"/>
7 <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
9 <script type=
"text/javascript" src=
"../../script/qx.js"></script>
12 <script type=
"text/javascript" src=
"../../script/layout.js"></script>
14 <div id=
"demoDescription">
15 <p>Testing qx.ui.form.ComboBox implementation.
</p>
16 <p>Testing object creation (the list content will be filled then) on first open.
</p>
19 <select style=
"position:absolute; left:300px; top:48px; width: 120px;">
20 <option>Item No
1</option>
21 <option>Item No
2</option>
22 <option>Item No
3</option>
23 <option>Item No
4</option>
24 <option>Item No
5</option>
25 <option>Item No
6</option>
26 <option>Item No
7</option>
27 <option>Item No
8</option>
28 <option>Item No
9</option>
29 <option disabled=
"true">Item No
10</option>
30 <option>Item No
11</option>
31 <option>Item No
12</option>
32 <option>Item No
13</option>
33 <option>Item No
14</option>
34 <option>Item No
15</option>
35 <option>Item No
16</option>
36 <option>Item No
17</option>
37 <option>Item No
18</option>
38 <option>Item No
19</option>
39 <option disabled=
"true">Item No
20</option>
40 <option>Item No
21</option>
41 <option>Item No
22</option>
42 <option>Item No
23</option>
43 <option>Item No
24</option>
44 <option>Item No
23</option>
45 <option>Item No
24</option>
46 <option>Item No
25</option>
47 <option>Item No
26</option>
48 <option>Item No
27</option>
49 <option>Item No
28</option>
50 <option>Item No
29</option>
51 <option disabled=
"true">Item No
30</option>
54 <script type=
"text/javascript">
55 qx
.core
.Init
.getInstance().defineMain(function()
57 var d
= qx
.ui
.core
.ClientDocument
.getInstance();
59 var c1
= new qx
.ui
.form
.ComboBox
;
60 c1
.setLocation(20, 48);
62 c1
.addEventListener("beforeInitialOpen", function(e
)
66 for(var i
=1; i
<=30; i
++)
68 item
= new qx
.ui
.form
.ListItem("Item No " + i
);
69 !(i
% 10) && (item
.setEnabled(false));
74 // this does not work here (if there is no content)
75 c1
.setSelected(c1
.getList().getFirstChild());
77 c1
.addEventListener("changeValue", function(e
) {
78 this.debug("New value: " + e
.getData());
81 c1
.addEventListener("changeSelected", function(e
) {
82 this.debug("New selected: " + e
.getData());
88 var b1
= new qx
.ui
.form
.CheckBox("Editable");
90 b1
.set({ top
: 50, left
: 150 });
92 b1
.addEventListener("changeChecked", function(e
) {
93 c1
.setEditable(e
.getData());