summaryrefslogtreecommitdiff
path: root/webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/ComboBoxEx_1.html
diff options
context:
space:
mode:
Diffstat (limited to 'webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/ComboBoxEx_1.html')
-rw-r--r--webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/ComboBoxEx_1.html230
1 files changed, 0 insertions, 230 deletions
diff --git a/webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/ComboBoxEx_1.html b/webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/ComboBoxEx_1.html
deleted file mode 100644
index ea628b89be..0000000000
--- a/webapps/qooxdoo-0.6.3-sdk/frontend/demo/source/html/example/ComboBoxEx_1.html
+++ /dev/null
@@ -1,230 +0,0 @@
-<html>
-<head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>qooxdoo &raquo; Demo</title>
- <link type="text/css" rel="stylesheet" href="../../resource/css/layout.css"/>
- <!--[if IE]>
- <link type="text/css" rel="stylesheet" href="../../resource/css/layout_ie.css"/>
- <![endif]-->
- <script type="text/javascript" src="../../script/qx.js"></script>
- <script type="text/javascript">
-
-function getTestData() {
- var testData = [
- [ '1', 'One' ],
- [ '2', 'Two' ],
- [ '3', 'Three' ],
- [ '4', 'Four' ],
- [ '5', 'Five' ],
- [ '6', 'Six' ],
- [ '7', 'Seven' ],
- [ '8', 'Eight' ],
- [ '9', 'Nine' ],
- [ '10', 'Ten' ],
- [ '11', 'Eleven' ],
- [ '12', 'Twelve' ],
- [ '13', 'Thirteen' ],
- [ '14', 'Fourteen' ],
- [ '15', 'Fiveteen' ],
- [ '16', 'Sixteen' ],
- [ '17', 'Seventeen' ],
- // Test of a long string
- [ '1921', 'One thousand nine hundred twenty one' ]
- ];
- for (var i = 0; i < testData.length; i++) {
- testData[i].push('widget/arrows/'+(i % 2 ? 'up':'down')+'_small.gif');
- testData[i].push('Extra data '+i);
- }
- return testData;
-}
-
-qx.OO.defineClass('Box', qx.ui.layout.BoxLayout, function() {
- qx.ui.layout.BoxLayout.apply(this, arguments);
- this.auto();
-});
-
-qx.OO.defineClass('GroupBox', qx.ui.groupbox.GroupBox, function() {
- qx.ui.groupbox.GroupBox.apply(this, arguments);
- this.auto();
-});
-
-qx.core.Init.getInstance().defineMain(function() {
- // Shortcuts
- var form = qx.ui.form;
- Label = qx.ui.basic.Label;
- var testData = getTestData();
-
- //###1st row: combo
-
- combo = new form.ComboBoxEx;
- var butSize = new form.Button('Size text field to content');
- butSize.addEventListener('execute', function() {
- combo.sizeTextFieldToContent();
- });
-
- var boxCombo2 = new Box;
- with (boxCombo2) {
- setSpacing(10);
- add(combo, butSize);
- }
- var boxCombo = new GroupBox('This is the ComboBoxEx under test');
- boxCombo.add(boxCombo2);
-
- //###2nd row: Test of simple properties
- var cEd = new form.CheckBox('Editable');
- cEd.setChecked(combo.getEditable());
- cEd.addEventListener('changeChecked', function() {
- combo.setEditable(cEd.isChecked());
- });
-
- var cEnsure = new form.CheckBox('Ensure something selected');
- cEnsure.setChecked(combo.getEnsureSomethingSelected());
- cEnsure.addEventListener('changeChecked', function() {
- combo.setEnsureSomethingSelected(cEnsure.isChecked());
- });
-
- var cAllowSearch = new form.CheckBox('Allow searching');
- cAllowSearch.setChecked(combo.getAllowSearch());
- cAllowSearch.addEventListener('changeChecked', function() {
- combo.setAllowSearch(cAllowSearch.isChecked());
- });
-
- var cIdCol = new form.CheckBox('ID column visible');
- cIdCol.setChecked(combo.isIdColumnVisible());
- cIdCol.addEventListener('changeChecked', function() {
- combo.setIdColumnVisible(cIdCol.isChecked());
- });
-
- var fieldItems = new form.Spinner(0, 0, testData.length);
- fieldItems._manager.addEventListener('changeValue', function() {
- var sel = [], count = fieldItems.getValue();
- for (var i = 0; i < count; i++) {
- sel.push(testData[i]);
- }
- combo.setSelection(sel);
- });
- fieldItems.setValue(15);
-
- var boxProp2 = new Box;
- with (boxProp2) {
- setSpacing(10);
- add(cEd, cEnsure, cAllowSearch, cIdCol, new Label('Number of items in list'), fieldItems);
- }
- var boxProp = new GroupBox('Test of simple properties');
- boxProp.add(boxProp2);
-
- //###Test of headers
- var allHeaders = [ 'ID', 'Description', 'Img', 'Extra info' ];
- var rb1 = new form.RadioButton('1', '1');
- var rb2 = new form.RadioButton('2', '2');
- rb2.setChecked(true);
- var rb3 = new form.RadioButton('3', '3');
- var rb4 = new form.RadioButton('4', '4');
-
- var fieldHeaders = new qx.manager.selection.RadioManager('headers', [ rb1, rb2, rb3, rb4 ]);
- fieldHeaders.addEventListener("changeSelected", function(e) {
- var headers = [], count = Number(e.getData().getValue());
- for (var i = 0; i < count; i++) {
- headers.push(allHeaders[i]);
- }
- combo.setColumnHeaders(headers);
- });
-
- var butChangeHeaders = new form.Button('Add * to headers');
- // This tests changing the headers, but not the number of columns
- butChangeHeaders.addEventListener('execute', function() {
- var headers = combo.getColumnHeaders();
- for (var i = 0; i < headers.length; i++) {
- headers[i] += '*';
- }
- combo.setColumnHeaders(headers);
- });
-
- var boxHeaders2 = new Box;
- with (boxHeaders2) {
- setSpacing(10);
- add(new Label('# of headers'), rb1, rb2, rb3, rb4, butChangeHeaders);
- }
- var boxHeaders = new GroupBox('Test headers');
- boxHeaders.add(boxHeaders2);
-
- var fieldMaxRows = new form.Spinner(2, combo.getMaxVisibleRows(), 20);
- fieldMaxRows._manager.addEventListener('changeValue', function() {
- combo.setMaxVisibleRows(fieldMaxRows.getValue());
- });
- var boxMaxRows = new GroupBox('Max. number of visible rows');
- boxMaxRows.add(fieldMaxRows);
-
- var boxRow3 = new Box;
- boxRow3.add(boxHeaders, boxMaxRows);
-
- //###Test of showOnTextField
- var rbDesc = new form.RadioButton('Description', 'description');
- rbDesc.setChecked(true);
- var rbIdAndDesc = new form.RadioButton('ID and description', 'idAndDescription');
- var fieldShowOn = new qx.manager.selection.RadioManager("showOnTextField", [ rbDesc, rbIdAndDesc ]);
- fieldShowOn.addEventListener("changeSelected", function(e) {
- combo.setShowOnTextField(e.getData().getValue());
- });
-
- var fieldSeparator = new form.TextField;
- fieldSeparator.setValue(combo.getIdDescriptionSeparator());
- fieldSeparator.setWidth(50);
- fieldSeparator.addEventListener('changeValue', function() {
- combo.setIdDescriptionSeparator(fieldSeparator.getValue());
- });
- var boxShowOn2 = new Box;
- with (boxShowOn2) {
- setSpacing(10);
- add(new Label('Show on text field:'), rbDesc, rbIdAndDesc, new Label('Separator between ID and description:'), fieldSeparator);
- }
- var boxShowOn = new GroupBox('Test showOnTextField property');
- boxShowOn.add(boxShowOn2);
-
- //###Test of get/setValue
- var fieldValue = new form.TextField;
- var butSetValue = new form.Button('Set');
- butSetValue.addEventListener('execute', function() {
- combo.setValue(fieldValue.getValue());
- });
- var butGetValue = new form.Button('Get');
- butGetValue.addEventListener('execute', function() {
- fieldValue.setValue(combo.getValue());
- });
- var boxVal2 = new Box;
- with (boxVal2) {
- setSpacing(10);
- add(fieldValue, butSetValue, butGetValue);
- }
- var boxVal = new GroupBox('Test value property');
- boxVal.add(boxVal2);
-
- //###Main box
- var vbox = new Box('vertical');
- with (vbox) {
- setSpacing(10);
- setTop(50);
- setLeft(30);
- add(boxCombo, boxProp, boxRow3, boxShowOn, boxVal);
- addToDocument();
- }
- combo.focus();
-});
- </script>
-</head>
-<body>
- <script type="text/javascript" src="../../script/layout.js"></script>
- <script type="text/javascript">
-if (console.debug) {
- with (qx.dev.log.Logger.ROOT_LOGGER) {
- removeAllAppenders();
- addAppender(new qx.dev.log.FireBugAppender);
- setMinLevel(qx.dev.log.Logger.LEVEL_WARN);
- }
-}
- </script>
- <div id="demoDescription">
- <p>ComboBoxEx is an enhanced version of ComboBox</p>
- </div>
-</body>
-</html> \ No newline at end of file