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>
17 <p>Added Color Theme Buttons
</p>
20 <select style=
"position:absolute; left:300px; top:48px; width: 120px;">
21 <option>Item No
1</option>
22 <option>Item No
2</option>
23 <option>Item No
3</option>
24 <option>Item No
4</option>
25 <option>Item No
5</option>
26 <option>Item No
6</option>
27 <option>Item No
7</option>
28 <option>Item No
8</option>
29 <option>Item No
9</option>
30 <option disabled=
"true">Item No
10</option>
31 <option>Item No
11</option>
32 <option>Item No
12</option>
33 <option>Item No
13</option>
34 <option>Item No
14</option>
35 <option>Item No
15</option>
36 <option>Item No
16</option>
37 <option>Item No
17</option>
38 <option>Item No
18</option>
39 <option>Item No
19</option>
40 <option disabled=
"true">Item No
20</option>
41 <option>Item No
21</option>
42 <option>Item No
22</option>
43 <option>Item No
23</option>
44 <option>Item No
24</option>
45 <option>Item No
23</option>
46 <option>Item No
24</option>
47 <option>Item No
25</option>
48 <option>Item No
26</option>
49 <option>Item No
27</option>
50 <option>Item No
28</option>
51 <option>Item No
29</option>
52 <option disabled=
"true">Item No
30</option>
55 <script type=
"text/javascript">
56 qx
.core
.Init
.getInstance().defineMain(function()
58 var d
= qx
.ui
.core
.ClientDocument
.getInstance();
60 var c1
= new qx
.ui
.form
.ComboBox
;
61 c1
.setLocation(20, 48);
63 c1
.addEventListener("beforeInitialOpen", function(e
)
67 for(var i
=1; i
<=30; i
++)
69 item
= new qx
.ui
.form
.ListItem("Item No " + i
);
70 !(i
% 10) && (item
.setEnabled(false));
75 // this does not work here (if there is no content)
76 c1
.setSelected(c1
.getList().getFirstChild());
78 c1
.addEventListener("changeValue", function(e
) {
79 this.debug("New value: " + e
.getData());
82 c1
.addEventListener("changeSelected", function(e
) {
83 this.debug("New selected: " + e
.getData());
89 var b1
= new qx
.ui
.form
.CheckBox("Editable");
91 b1
.set({ top
: 50, left
: 150 });
93 b1
.addEventListener("changeChecked", function(e
) {
94 c1
.setEditable(e
.getData());
109 qx
.manager
.object
.ColorManager
.getInstance().createThemeList(d
, 20, 248);