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