Initial
[qwikioffice:qwikioffice.git] / public / modules / common / libraries / checkbox-combo / example.html
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">\r
2 <html xmlns="http://www.w3.org/1999/xhtml">\r
3 <head>\r
4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />\r
5 <title>Checkbox Combo</title>\r
6 <link rel="stylesheet" href="/scripts/ext-3.1/resources/css/ext-all.css" />\r
7 <link rel="stylesheet" href="/scripts/Ext.ux.form.CheckboxCombo/Ext.ux.form.CheckboxCombo.min.css" />\r
8 \r
9 <script type="text/javascript" src="/scripts/ext-3.1/adapter/ext/ext-base.js"></script>\r
10 <script type="text/javascript" src="/scripts/ext-3.1/ext-all.js"></script>\r
11 <script type="text/javascript" src="/scripts/Ext.ux.form.CheckboxCombo/Ext.ux.form.CheckboxCombo.min.js"></script>\r
12 \r
13 <script language="javascript" type="text/javascript">\r
14 Ext.onReady(function() {\r
15         new Ext.ux.form.CheckboxCombo({\r
16                 renderTo: 'checkboxcombo',\r
17                 width: 250,\r
18                 mode: 'local',\r
19                 store: new Ext.data.ArrayStore({\r
20                         fields: ['value', 'label'],\r
21                         data: [\r
22                                 ['1', 'Option 1'],\r
23                                 ['2', 'Option 2'],\r
24                                 ['3', 'Option 3'],\r
25                                 ['4', 'Option 4'],\r
26                                 ['5', 'Option 5'],\r
27                                 ['6', 'Option 6'],\r
28                                 ['7', 'Option 7'],\r
29                                 ['8', 'Option 8'],\r
30                                 ['9', 'Option 9'],\r
31                                 ['10', 'Option 10'],\r
32                                 ['11', 'Option 11'],\r
33                                 ['12', 'Option 12'],\r
34                                 ['13', 'Option 13'],\r
35                                 ['14', 'Option 14'],\r
36                                 ['15', 'Option 15'],\r
37                                 ['16', 'Option 16'],\r
38                                 ['17', 'Option 17'],\r
39                                 ['18', 'Option 18'],\r
40                                 ['19', 'Option 19'],\r
41                                 ['20', 'Option 20'],\r
42                                 ['21', 'Option 21'],\r
43                                 ['22', 'Option 22'],\r
44                                 ['23', 'Option 23'],\r
45                                 ['24', 'Option 24'],\r
46                                 ['25', 'Option 25'],\r
47                                 ['26', 'Option 26'],\r
48                                 ['27', 'Option 27'],\r
49                                 ['28', 'Option 28'],\r
50                                 ['29', 'Option 29'],\r
51                                 ['30', 'Option 30']\r
52                         ]\r
53                 }),\r
54                 valueField: 'value',\r
55                 displayField: 'label',\r
56                 allowBlank: false\r
57         });\r
58 });\r
59 </script>\r
60 </head>\r
61 \r
62 <body style="padding: 25px;">\r
63 <div id="checkboxcombo"></div>\r
64 </body>\r
65 </html>\r