examples/bootstrap/dashboard1.bjs
[roojs1] / examples / bootstrap / dashboard1.js
1 //<script type="text/javascript">
2
3 // Auto generated file - created by app.Builder.js- do not edit directly (at present!)
4
5 dashboard1 = new Roo.XComponent({
6     part     :  ["bootstrap", "dashboard1" ],
7     order    : '001-dashboard-',
8     region   : 'center',
9     parent   : false,
10     name     : "unnamed module",
11     disabled : false, 
12     permname : '', 
13     _tree : function()
14     {
15         var _this = this;
16         var MODULE = this;
17         return {
18             '|xns' : 'Roo.bootstrap',
19             cls : 'skin-blue',
20             xtype : 'Body',
21             xns : Roo.bootstrap,
22             items : [
23                 Roo.apply(Dashboard.Header1._tree(), {
24                     '|xns' : 'Roo.bootstrap',
25                     cls : 'header',
26                     tag : 'header',
27                     xtype : 'Container',
28                     xns : Roo.bootstrap
29                 }),
30                 {
31                     '|xns' : 'Roo.bootstrap',
32                     cls : 'wrapper row-offcanvas row-offcanvas-left',
33                     xtype : 'Container',
34                     'flexy:include' : 'Sidebar.html',
35                     xns : Roo.bootstrap,
36                     items : [
37                         Roo.apply(Dashboard.Sidebar2._tree(), {
38                             '|xns' : 'Roo.bootstrap',
39                             tag : 'aside',
40                             cls : 'left-side sidebar-offcanvas',
41                             xtype : 'Container',
42                             xns : Roo.bootstrap
43                         }),
44                         {
45                             '|xns' : 'Roo.bootstrap',
46                             tag : 'aside',
47                             cls : 'right-side',
48                             xtype : 'Container',
49                             xns : Roo.bootstrap,
50                             items : [
51                                 {
52                                     '|xns' : 'Roo.bootstrap',
53                                     tag : 'section',
54                                     cls : 'content-header',
55                                     xtype : 'Container',
56                                     xns : Roo.bootstrap,
57                                     items : [
58                                         {
59                                             '|xns' : 'Roo.bootstrap',
60                                             xtype : 'Header',
61                                             xns : Roo.bootstrap,
62                                             html : 'General Form Elements  <small> Preview </small>'
63                                         }
64                                     ]
65
66                                 },
67                                 {
68                                     '|xns' : 'Roo.bootstrap',
69                                     tag : 'section',
70                                     cls : 'content',
71                                     xtype : 'Container',
72                                     xns : Roo.bootstrap,
73                                     items : [
74                                         {
75                                             '|xns' : 'Roo.bootstrap',
76                                             xtype : 'Row',
77                                             xns : Roo.bootstrap,
78                                             items : [
79                                                 {
80                                                     '|xns' : 'Roo.bootstrap',
81                                                     md : 6,
82                                                     xtype : 'Column',
83                                                     xns : Roo.bootstrap,
84                                                     sm : 12,
85                                                     items : [
86                                                         {
87                                                             '|xns' : 'Roo.bootstrap',
88                                                             cls : 'box box-primary',
89                                                             xtype : 'Container',
90                                                             xns : Roo.bootstrap,
91                                                             items : [
92                                                                 {
93                                                                     '|xns' : 'Roo.bootstrap',
94                                                                     cls : 'box-header',
95                                                                     xtype : 'Container',
96                                                                     xns : Roo.bootstrap,
97                                                                     items : [
98                                                                         {
99                                                                             '|xns' : 'Roo.bootstrap',
100                                                                             cls : 'box-title',
101                                                                             xtype : 'Header',
102                                                                             xns : Roo.bootstrap,
103                                                                             level : 3,
104                                                                             html : 'Quick Example'
105                                                                         },
106                                                                         {
107                                                                             '|xns' : 'Roo.bootstrap',
108                                                                             xtype : 'Input',
109                                                                             placeholder : 'Enter password',
110                                                                             inputType : 'password',
111                                                                             fieldLabel : 'Password',
112                                                                             xns : Roo.bootstrap
113                                                                         }
114                                                                     ]
115
116                                                                 },
117                                                                 {
118                                                                     '|xns' : 'Roo.bootstrap',
119                                                                     xtype : 'Form',
120                                                                     labelAlign : 'top',
121                                                                     xns : Roo.bootstrap,
122                                                                     items : [
123                                                                         {
124                                                                             '|xns' : 'Roo.bootstrap',
125                                                                             cls : 'box-body',
126                                                                             xtype : 'Container',
127                                                                             xns : Roo.bootstrap,
128                                                                             items : [
129                                                                                 {
130                                                                                     '|xns' : 'Roo.bootstrap',
131                                                                                     xtype : 'Input',
132                                                                                     placeholder : 'Enter email',
133                                                                                     fieldLabel : 'Email Address',
134                                                                                     xns : Roo.bootstrap,
135                                                                                     vtype : 'email'
136                                                                                 },
137                                                                                 {
138                                                                                     '|xns' : 'Roo.bootstrap',
139                                                                                     xtype : 'Input',
140                                                                                     placeholder : 'Enter email',
141                                                                                     inputType : 'file',
142                                                                                     fieldLabel : 'File Input',
143                                                                                     xns : Roo.bootstrap
144                                                                                 },
145                                                                                 {
146                                                                                     '|xns' : 'Roo.bootstrap',
147                                                                                     xtype : 'CheckBox',
148                                                                                     boxLabel : 'checkbox',
149                                                                                     xns : Roo.bootstrap
150                                                                                 },
151                                                                                 {
152                                                                                     '|xns' : 'Roo.bootstrap',
153                                                                                     weight : 'primary',
154                                                                                     xtype : 'Button',
155                                                                                     xns : Roo.bootstrap,
156                                                                                     html : 'Submit'
157                                                                                 }
158                                                                             ]
159
160                                                                         }
161                                                                     ]
162
163                                                                 }
164                                                             ]
165
166                                                         },
167                                                         {
168                                                             '|xns' : 'Roo.bootstrap',
169                                                             cls : 'box box-success',
170                                                             xtype : 'Container',
171                                                             xns : Roo.bootstrap,
172                                                             items : [
173                                                                 {
174                                                                     '|xns' : 'Roo.bootstrap',
175                                                                     cls : 'box-header',
176                                                                     xtype : 'Container',
177                                                                     xns : Roo.bootstrap,
178                                                                     items : [
179                                                                         {
180                                                                             '|xns' : 'Roo.bootstrap',
181                                                                             cls : 'box-title',
182                                                                             xtype : 'Header',
183                                                                             xns : Roo.bootstrap,
184                                                                             level : 3,
185                                                                             html : 'Different Height'
186                                                                         }
187                                                                     ]
188
189                                                                 },
190                                                                 {
191                                                                     '|xns' : 'Roo.bootstrap',
192                                                                     xtype : 'Form',
193                                                                     labelAlign : 'top',
194                                                                     xns : Roo.bootstrap,
195                                                                     items : [
196                                                                         {
197                                                                             '|xns' : 'Roo.bootstrap',
198                                                                             cls : 'box-body',
199                                                                             xtype : 'Container',
200                                                                             xns : Roo.bootstrap,
201                                                                             items : [
202                                                                                 {
203                                                                                     '|xns' : 'Roo.bootstrap',
204                                                                                     xtype : 'Input',
205                                                                                     placeholder : 'size lg',
206                                                                                     xns : Roo.bootstrap,
207                                                                                     size : 'lg'
208                                                                                 },
209                                                                                 {
210                                                                                     '|xns' : 'Roo.bootstrap',
211                                                                                     xtype : 'Input',
212                                                                                     placeholder : 'size md',
213                                                                                     xns : Roo.bootstrap,
214                                                                                     size : 'md'
215                                                                                 },
216                                                                                 {
217                                                                                     '|xns' : 'Roo.bootstrap',
218                                                                                     xtype : 'Input',
219                                                                                     placeholder : 'size sm',
220                                                                                     xns : Roo.bootstrap,
221                                                                                     size : 'sm'
222                                                                                 }
223                                                                             ]
224
225                                                                         }
226                                                                     ]
227
228                                                                 }
229                                                             ]
230
231                                                         },
232                                                         {
233                                                             '|xns' : 'Roo.bootstrap',
234                                                             cls : 'box box-danger',
235                                                             xtype : 'Container',
236                                                             xns : Roo.bootstrap,
237                                                             items : [
238                                                                 {
239                                                                     '|xns' : 'Roo.bootstrap',
240                                                                     cls : 'box-header',
241                                                                     xtype : 'Container',
242                                                                     xns : Roo.bootstrap,
243                                                                     items : [
244                                                                         {
245                                                                             '|xns' : 'Roo.bootstrap',
246                                                                             cls : 'box-title',
247                                                                             xtype : 'Header',
248                                                                             xns : Roo.bootstrap,
249                                                                             level : 3,
250                                                                             html : 'Different Width'
251                                                                         }
252                                                                     ]
253
254                                                                 },
255                                                                 {
256                                                                     '|xns' : 'Roo.bootstrap',
257                                                                     xtype : 'Form',
258                                                                     labelAlign : 'top',
259                                                                     xns : Roo.bootstrap,
260                                                                     items : [
261                                                                         {
262                                                                             '|xns' : 'Roo.bootstrap',
263                                                                             cls : 'box-body',
264                                                                             xtype : 'Container',
265                                                                             xns : Roo.bootstrap,
266                                                                             items : [
267                                                                                 {
268                                                                                     '|xns' : 'Roo.bootstrap',
269                                                                                     xtype : 'Row',
270                                                                                     xns : Roo.bootstrap,
271                                                                                     items : [
272                                                                                         {
273                                                                                             '|xns' : 'Roo.bootstrap',
274                                                                                             md : 3,
275                                                                                             xtype : 'Input',
276                                                                                             placeholder : 'md 3',
277                                                                                             xns : Roo.bootstrap,
278                                                                                             size : 'md'
279                                                                                         },
280                                                                                         {
281                                                                                             '|xns' : 'Roo.bootstrap',
282                                                                                             md : 3,
283                                                                                             xtype : 'Input',
284                                                                                             placeholder : 'md 4',
285                                                                                             xns : Roo.bootstrap,
286                                                                                             size : 'md'
287                                                                                         },
288                                                                                         {
289                                                                                             '|xns' : 'Roo.bootstrap',
290                                                                                             md : 5,
291                                                                                             xtype : 'Input',
292                                                                                             placeholder : 'md 3',
293                                                                                             xns : Roo.bootstrap,
294                                                                                             size : 'md'
295                                                                                         }
296                                                                                     ]
297
298                                                                                 }
299                                                                             ]
300
301                                                                         }
302                                                                     ]
303
304                                                                 }
305                                                             ]
306
307                                                         },
308                                                         {
309                                                             '|xns' : 'Roo.bootstrap',
310                                                             cls : 'box box-info',
311                                                             xtype : 'Container',
312                                                             xns : Roo.bootstrap,
313                                                             items : [
314                                                                 {
315                                                                     '|xns' : 'Roo.bootstrap',
316                                                                     cls : 'box-header',
317                                                                     xtype : 'Container',
318                                                                     xns : Roo.bootstrap,
319                                                                     items : [
320                                                                         {
321                                                                             '|xns' : 'Roo.bootstrap',
322                                                                             cls : 'box-title',
323                                                                             xtype : 'Header',
324                                                                             xns : Roo.bootstrap,
325                                                                             level : 3,
326                                                                             html : 'Input Addon'
327                                                                         }
328                                                                     ]
329
330                                                                 },
331                                                                 {
332                                                                     '|xns' : 'Roo.bootstrap',
333                                                                     xtype : 'Form',
334                                                                     labelAlign : 'top',
335                                                                     xns : Roo.bootstrap,
336                                                                     items : [
337                                                                         {
338                                                                             '|xns' : 'Roo.bootstrap',
339                                                                             cls : 'box-body',
340                                                                             xtype : 'Container',
341                                                                             xns : Roo.bootstrap,
342                                                                             items : [
343                                                                                 {
344                                                                                     '|xns' : 'Roo.bootstrap',
345                                                                                     xtype : 'Input',
346                                                                                     placeholder : 'before : @',
347                                                                                     xns : Roo.bootstrap,
348                                                                                     before : '@',
349                                                                                     size : 'md'
350                                                                                 },
351                                                                                 {
352                                                                                     '|xns' : 'Roo.bootstrap',
353                                                                                     xtype : 'Input',
354                                                                                     placeholder : 'after: .00',
355                                                                                     xns : Roo.bootstrap,
356                                                                                     size : 'md',
357                                                                                     after : 0
358                                                                                 },
359                                                                                 {
360                                                                                     '|xns' : 'Roo.bootstrap',
361                                                                                     xtype : 'Input',
362                                                                                     placeholder : 'before $, after: .00',
363                                                                                     xns : Roo.bootstrap,
364                                                                                     before : '$',
365                                                                                     size : 'md',
366                                                                                     after : 0
367                                                                                 },
368                                                                                 {
369                                                                                     '|xns' : 'Roo.bootstrap',
370                                                                                     xtype : 'Header',
371                                                                                     level : 4,
372                                                                                     xns : Roo.bootstrap,
373                                                                                     html : 'With Icons'
374                                                                                 },
375                                                                                 {
376                                                                                     '|xns' : 'Roo.bootstrap',
377                                                                                     xtype : 'Input',
378                                                                                     placeholder : 'before : &lt;i class=&quot;fa fa-envelope&quot;&gt;&lt;/i&gt;',
379                                                                                     xns : Roo.bootstrap,
380                                                                                     before : '<i class=\"fa fa-envelope\"></i>',
381                                                                                     size : 'md'
382                                                                                 },
383                                                                                 {
384                                                                                     '|xns' : 'Roo.bootstrap',
385                                                                                     xtype : 'Input',
386                                                                                     placeholder : 'after : &lt;i class=&quot;fa fa-after&quot;&gt;&lt;/i&gt;',
387                                                                                     xns : Roo.bootstrap,
388                                                                                     size : 'md',
389                                                                                     after : '<i class=\"fa fa-check\"></i>'
390                                                                                 },
391                                                                                 {
392                                                                                     '|xns' : 'Roo.bootstrap',
393                                                                                     xtype : 'Input',
394                                                                                     placeholder : 'after : &lt;i class=&quot;fa fa-ambulance&quot;&gt;&lt;/i&gt; before : &lt;i class=&quot;fa fa-dollar&quot;&gt;&lt;/i&gt;',
395                                                                                     xns : Roo.bootstrap,
396                                                                                     before : '<i class=\"fa fa-dollar\"></i>',
397                                                                                     size : 'md',
398                                                                                     after : '<i class=\"fa fa-ambulance\"></i>'
399                                                                                 },
400                                                                                 {
401                                                                                     '|xns' : 'Roo.bootstrap',
402                                                                                     xtype : 'Header',
403                                                                                     xns : Roo.bootstrap,
404                                                                                     level : 4,
405                                                                                     html : 'With checkbox and radio'
406                                                                                 },
407                                                                                 {
408                                                                                     '|xns' : 'Roo.bootstrap',
409                                                                                     xtype : 'Row',
410                                                                                     xns : Roo.bootstrap,
411                                                                                     items : [
412                                                                                         {
413                                                                                             '|xns' : 'Roo.bootstrap',
414                                                                                             md : 6,
415                                                                                             xtype : 'Input',
416                                                                                             placeholder : '?',
417                                                                                             xns : Roo.bootstrap,
418                                                                                             before : 'fixme',
419                                                                                             size : 'md'
420                                                                                         },
421                                                                                         {
422                                                                                             '|xns' : 'Roo.bootstrap',
423                                                                                             md : 6,
424                                                                                             xtype : 'Input',
425                                                                                             placeholder : 'md 4',
426                                                                                             xns : Roo.bootstrap,
427                                                                                             size : 'md'
428                                                                                         }
429                                                                                     ]
430
431                                                                                 },
432                                                                                 {
433                                                                                     '|xns' : 'Roo.bootstrap',
434                                                                                     xtype : 'Header',
435                                                                                     level : 4,
436                                                                                     xns : Roo.bootstrap,
437                                                                                     html : 'With buttons'
438                                                                                 },
439                                                                                 {
440                                                                                     before : {
441                                                                                         menu : {
442                                                                                             '|xns' : 'Roo.bootstrap',
443                                                                                             xtype : 'Menu',
444                                                                                             xns : Roo.bootstrap,
445                                                                                             items : [
446                                                                                                 {
447                                                                                                     '|xns' : 'Roo.bootstrap',
448                                                                                                     xtype : 'MenuItem',
449                                                                                                     xns : Roo.bootstrap,
450                                                                                                     html : 'http://',
451                                                                                                     listeners : {
452                                                                                                         click : function (e)
453                                                                                                            {
454                                                                                                                _this.httpButton.setText("http://");
455                                                                                                            }
456                                                                                                     }
457                                                                                                 },
458                                                                                                 {
459                                                                                                     '|xns' : 'Roo.bootstrap',
460                                                                                                     xtype : 'MenuItem',
461                                                                                                     xns : Roo.bootstrap,
462                                                                                                     html : 'https://',
463                                                                                                     listeners : {
464                                                                                                         click : function (e)
465                                                                                                            {
466                                                                                                                _this.httpButton.setText("https://");
467                                                                                                            }
468                                                                                                     }
469                                                                                                 }
470                                                                                             ]
471
472                                                                                         },
473                                                                                         '|xns' : 'Roo.bootstrap',
474                                                                                         weight : 'primary',
475                                                                                         xtype : 'Button',
476                                                                                         xns : Roo.bootstrap,
477                                                                                         html : 'http://',
478                                                                                         listeners : {
479                                                                                                 render : function (_self)
480                                                                                                    {
481                                                                                                        _this.httpButton = _self;
482                                                                                                    }
483                                                                                         },
484                                                                                         items : [
485
486                                                                                         ]
487
488                                                                                     },
489                                                                                     '|xns' : 'Roo.bootstrap',
490                                                                                     xtype : 'Input',
491                                                                                     placeholder : 'before :  - an object...    ',
492                                                                                     xns : Roo.bootstrap,
493                                                                                     size : 'md',
494                                                                                     items : [
495
496                                                                                     ]
497
498                                                                                 },
499                                                                                 {
500                                                                                     after : {
501                                                                                         '|xns' : 'Roo.bootstrap',
502                                                                                         weight : 'success',
503                                                                                         xtype : 'Button',
504                                                                                         xns : Roo.bootstrap,
505                                                                                         html : 'Go'
506                                                                                     },
507                                                                                     '|xns' : 'Roo.bootstrap',
508                                                                                     xtype : 'Input',
509                                                                                     placeholder : 'after - a button',
510                                                                                     xns : Roo.bootstrap,
511                                                                                     size : 'md',
512                                                                                     items : [
513
514                                                                                     ]
515
516                                                                                 }
517                                                                             ]
518
519                                                                         }
520                                                                     ]
521
522                                                                 }
523                                                             ]
524
525                                                         }
526                                                     ]
527
528                                                 },
529                                                 {
530                                                     '|xns' : 'Roo.bootstrap',
531                                                     md : 6,
532                                                     xtype : 'Column',
533                                                     xns : Roo.bootstrap,
534                                                     sm : 12,
535                                                     items : [
536                                                         {
537                                                             '|xns' : 'Roo.bootstrap',
538                                                             cls : 'box box-warning',
539                                                             xtype : 'Container',
540                                                             xns : Roo.bootstrap,
541                                                             items : [
542                                                                 {
543                                                                     '|xns' : 'Roo.bootstrap',
544                                                                     cls : 'box-header',
545                                                                     xtype : 'Container',
546                                                                     xns : Roo.bootstrap,
547                                                                     items : [
548                                                                         {
549                                                                             '|xns' : 'Roo.bootstrap',
550                                                                             cls : 'box-title',
551                                                                             xtype : 'Header',
552                                                                             xns : Roo.bootstrap,
553                                                                             level : 3,
554                                                                             html : 'General Elements'
555                                                                         }
556                                                                     ]
557
558                                                                 },
559                                                                 {
560                                                                     '|xns' : 'Roo.bootstrap',
561                                                                     xtype : 'Form',
562                                                                     labelAlign : 'top',
563                                                                     xns : Roo.bootstrap,
564                                                                     items : [
565                                                                         {
566                                                                             '|xns' : 'Roo.bootstrap',
567                                                                             cls : 'box-body',
568                                                                             xtype : 'Container',
569                                                                             xns : Roo.bootstrap,
570                                                                             items : [
571                                                                                 {
572                                                                                     '|xns' : 'Roo.bootstrap',
573                                                                                     xtype : 'Input',
574                                                                                     placeholder : 'Enter ...',
575                                                                                     fieldLabel : 'Text',
576                                                                                     xns : Roo.bootstrap
577                                                                                 },
578                                                                                 {
579                                                                                     '|xns' : 'Roo.bootstrap',
580                                                                                     xtype : 'Input',
581                                                                                     placeholder : 'disabled = true',
582                                                                                     disabled : true,
583                                                                                     fieldLabel : 'Text',
584                                                                                     xns : Roo.bootstrap
585                                                                                 },
586                                                                                 {
587                                                                                     '|xns' : 'Roo.bootstrap',
588                                                                                     xtype : 'TextArea',
589                                                                                     fieldLabel : 'Textarea',
590                                                                                     xns : Roo.bootstrap
591                                                                                 },
592                                                                                 {
593                                                                                     '|xns' : 'Roo.bootstrap',
594                                                                                     xtype : 'TextArea',
595                                                                                     placeholder : 'disabled=true',
596                                                                                     disabled : true,
597                                                                                     xns : Roo.bootstrap,
598                                                                                     fieldLabel : 'Textarea'
599                                                                                 },
600                                                                                 {
601                                                                                     '|xns' : 'Roo.bootstrap',
602                                                                                     cls : 'has-success',
603                                                                                     xtype : 'Input',
604                                                                                     placeholder : 'cls = has-success',
605                                                                                     fieldLabel : 'Input with Success',
606                                                                                     xns : Roo.bootstrap
607                                                                                 },
608                                                                                 {
609                                                                                     '|xns' : 'Roo.bootstrap',
610                                                                                     cls : 'has-warning',
611                                                                                     xtype : 'Input',
612                                                                                     placeholder : 'cls = has-warning',
613                                                                                     fieldLabel : 'Input with Warning',
614                                                                                     xns : Roo.bootstrap
615                                                                                 },
616                                                                                 {
617                                                                                     '|xns' : 'Roo.bootstrap',
618                                                                                     cls : 'has-error',
619                                                                                     xtype : 'Input',
620                                                                                     placeholder : 'cls = has-error',
621                                                                                     fieldLabel : 'Input with Error',
622                                                                                     xns : Roo.bootstrap
623                                                                                 },
624                                                                                 {
625                                                                                     '|xns' : 'Roo.bootstrap',
626                                                                                     xtype : 'CheckBox',
627                                                                                     boxLabel : 'Checkbox 1',
628                                                                                     xns : Roo.bootstrap
629                                                                                 },
630                                                                                 {
631                                                                                     '|xns' : 'Roo.bootstrap',
632                                                                                     checked : true,
633                                                                                     weight : 'primary',
634                                                                                     xtype : 'CheckBox',
635                                                                                     boxLabel : 'Checkbox weight=primary',
636                                                                                     xns : Roo.bootstrap
637                                                                                 },
638                                                                                 {
639                                                                                     '|xns' : 'Roo.bootstrap',
640                                                                                     xtype : 'CheckBox',
641                                                                                     boxLabel : 'Checkbox Disabled',
642                                                                                     disabled : true,
643                                                                                     xns : Roo.bootstrap
644                                                                                 },
645                                                                                 {
646                                                                                     '|xns' : 'Roo.bootstrap',
647                                                                                     name : 'radio',
648                                                                                     xtype : 'Radio',
649                                                                                     boxLabel : 'Radio 1',
650                                                                                     xns : Roo.bootstrap,
651                                                                                     value : 1
652                                                                                 },
653                                                                                 {
654                                                                                     '|xns' : 'Roo.bootstrap',
655                                                                                     name : 'radio',
656                                                                                     xtype : 'Radio',
657                                                                                     boxLabel : 'Radio (weight=danger)',
658                                                                                     xns : Roo.bootstrap,
659                                                                                     value : 2,
660                                                                                     weight : 'danger'
661                                                                                 },
662                                                                                 {
663                                                                                     '|xns' : 'Roo.bootstrap',
664                                                                                     name : 'radio',
665                                                                                     xtype : 'Radio',
666                                                                                     boxLabel : 'Radio Disabled',
667                                                                                     disabled : true,
668                                                                                     xns : Roo.bootstrap,
669                                                                                     value : 3
670                                                                                 },
671                                                                                 {
672                                                                                     store : {
673                                                                                         '|xns' : 'Roo.data',
674                                                                                         fields : [ 'item' ],
675                                                                                         data : [ [ 'option a'] ,[ 'option b'] ],
676                                                                                         xtype : 'SimpleStore',
677                                                                                         xns : Roo.data
678                                                                                     },
679                                                                                     '|xns' : 'Roo.bootstrap',
680                                                                                     mode : 'local',
681                                                                                     name : 'combotest',
682                                                                                     valueField : 'item',
683                                                                                     xtype : 'ComboBox',
684                                                                                     triggerAction : 'all',
685                                                                                     editable : false,
686                                                                                     fieldLabel : 'ComboBox',
687                                                                                     xns : Roo.bootstrap,
688                                                                                     tpl : '<li class=\"select2-result\"><b>{item}</b></div>',
689                                                                                     displayField : 'item',
690                                                                                     items : [
691
692                                                                                     ]
693
694                                                                                 },
695                                                                                 {
696                                                                                     store : {
697                                                                                         '|xns' : 'Roo.data',
698                                                                                         fields : [ 'item' ],
699                                                                                         data : [ [ 'option a'] ,[ 'option b'] ],
700                                                                                         xtype : 'SimpleStore',
701                                                                                         xns : Roo.data
702                                                                                     },
703                                                                                     '|xns' : 'Roo.bootstrap',
704                                                                                     mode : 'local',
705                                                                                     name : 'combotest',
706                                                                                     valueField : 'item',
707                                                                                     xtype : 'ComboBox',
708                                                                                     triggerAction : 'all',
709                                                                                     editable : false,
710                                                                                     disabled : true,
711                                                                                     fieldLabel : 'ComboBox disabled',
712                                                                                     xns : Roo.bootstrap,
713                                                                                     tpl : '<li class=\"select2-result\"><b>{item}</b></div>',
714                                                                                     displayField : 'item',
715                                                                                     items : [
716
717                                                                                     ]
718
719                                                                                 },
720                                                                                 {
721                                                                                     store : {
722                                                                                         '|xns' : 'Roo.data',
723                                                                                         fields : [ 'item' ],
724                                                                                         data : [ [ 'option a'] ,[ 'option b'] ],
725                                                                                         xtype : 'SimpleStore',
726                                                                                         xns : Roo.data
727                                                                                     },
728                                                                                     '|xns' : 'Roo.bootstrap',
729                                                                                     mode : 'local',
730                                                                                     name : 'combotest',
731                                                                                     valueField : 'item',
732                                                                                     xtype : 'ComboBox',
733                                                                                     triggerAction : 'all',
734                                                                                     editable : false,
735                                                                                     fieldLabel : 'Multiple selection',
736                                                                                     xns : Roo.bootstrap,
737                                                                                     tpl : '<li class=\"select2-result\"><b>{item}</b></div>',
738                                                                                     multiple : true,
739                                                                                     displayField : 'item',
740                                                                                     items : [
741
742                                                                                     ]
743
744                                                                                 }
745                                                                             ]
746
747                                                                         }
748                                                                     ]
749
750                                                                 }
751                                                             ]
752
753                                                         }
754                                                     ]
755
756                                                 }
757                                             ]
758
759                                         }
760                                     ]
761
762                                 }
763                             ]
764
765                         }
766                     ]
767
768                 }
769             ]
770
771         };    }
772 });