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                      tooltip : 'A button',
198                      weight : 'primary',
199                      xns : Roo.bootstrap,
200                      xtype : 'Button'
201                     }
202                    ]
203
204                   }
205                  ]
206
207                 }
208                ]
209
210               },
211               {
212                '|xns' : 'Roo.bootstrap',
213                cls : 'box box-success',
214                xns : Roo.bootstrap,
215                xtype : 'Container',
216                items : [
217                 {
218                  '|xns' : 'Roo.bootstrap',
219                  cls : 'box-header',
220                  xns : Roo.bootstrap,
221                  xtype : 'Container',
222                  items : [
223                   {
224                    '|xns' : 'Roo.bootstrap',
225                    cls : 'box-title',
226                    html : _this._strings['08583f18f5ab76dcb709f7b34eb59104'],
227                    level : 3,
228                    xns : Roo.bootstrap,
229                    xtype : 'Header'
230                   }
231                  ]
232
233                 },
234                 {
235                  '|xns' : 'Roo.bootstrap',
236                  labelAlign : 'top',
237                  xns : Roo.bootstrap,
238                  xtype : 'Form',
239                  items : [
240                   {
241                    '|xns' : 'Roo.bootstrap',
242                    cls : 'box-body',
243                    xns : Roo.bootstrap,
244                    xtype : 'Container',
245                    items : [
246                     {
247                      '|xns' : 'Roo.bootstrap',
248                      placeholder : _this._strings['76946ef61117810371fa41415c86a2ed'],
249                      size : 'lg',
250                      xns : Roo.bootstrap,
251                      xtype : 'Input'
252                     },
253                     {
254                      '|xns' : 'Roo.bootstrap',
255                      placeholder : _this._strings['5f7a612768f22e04c0a0c4bb0c24ce91'],
256                      size : 'md',
257                      xns : Roo.bootstrap,
258                      xtype : 'Input'
259                     },
260                     {
261                      '|xns' : 'Roo.bootstrap',
262                      placeholder : _this._strings['69165cb5e53db90fd85e2b0a98f1d77b'],
263                      size : 'sm',
264                      xns : Roo.bootstrap,
265                      xtype : 'Input'
266                     }
267                    ]
268
269                   }
270                  ]
271
272                 }
273                ]
274
275               },
276               {
277                '|xns' : 'Roo.bootstrap',
278                cls : 'box box-danger',
279                xns : Roo.bootstrap,
280                xtype : 'Container',
281                items : [
282                 {
283                  '|xns' : 'Roo.bootstrap',
284                  cls : 'box-header',
285                  xns : Roo.bootstrap,
286                  xtype : 'Container',
287                  items : [
288                   {
289                    '|xns' : 'Roo.bootstrap',
290                    cls : 'box-title',
291                    html : _this._strings['6f0e2583dbfc8eab280b4709a8c87b4b'],
292                    level : 3,
293                    xns : Roo.bootstrap,
294                    xtype : 'Header'
295                   }
296                  ]
297
298                 },
299                 {
300                  '|xns' : 'Roo.bootstrap',
301                  labelAlign : 'top',
302                  xns : Roo.bootstrap,
303                  xtype : 'Form',
304                  items : [
305                   {
306                    '|xns' : 'Roo.bootstrap',
307                    cls : 'box-body',
308                    xns : Roo.bootstrap,
309                    xtype : 'Container',
310                    items : [
311                     {
312                      '|xns' : 'Roo.bootstrap',
313                      xns : Roo.bootstrap,
314                      xtype : 'Row',
315                      items : [
316                       {
317                        '|xns' : 'Roo.bootstrap',
318                        md : 3,
319                        placeholder : _this._strings['7c4d0cf56e05ed67ec50246c517e149b'],
320                        size : 'md',
321                        xns : Roo.bootstrap,
322                        xtype : 'Input'
323                       },
324                       {
325                        '|xns' : 'Roo.bootstrap',
326                        md : 3,
327                        placeholder : _this._strings['cb6b36c6d62d94b76628a4543517f89b'],
328                        size : 'md',
329                        xns : Roo.bootstrap,
330                        xtype : 'Input'
331                       },
332                       {
333                        '|xns' : 'Roo.bootstrap',
334                        md : 5,
335                        placeholder : _this._strings['7c4d0cf56e05ed67ec50246c517e149b'],
336                        size : 'md',
337                        xns : Roo.bootstrap,
338                        xtype : 'Input'
339                       }
340                      ]
341
342                     }
343                    ]
344
345                   }
346                  ]
347
348                 }
349                ]
350
351               },
352               {
353                '|xns' : 'Roo.bootstrap',
354                cls : 'box box-info',
355                xns : Roo.bootstrap,
356                xtype : 'Container',
357                items : [
358                 {
359                  '|xns' : 'Roo.bootstrap',
360                  cls : 'box-header',
361                  xns : Roo.bootstrap,
362                  xtype : 'Container',
363                  items : [
364                   {
365                    '|xns' : 'Roo.bootstrap',
366                    cls : 'box-title',
367                    html : _this._strings['2f24bf395be7b31a10b6d501801d4099'],
368                    level : 3,
369                    xns : Roo.bootstrap,
370                    xtype : 'Header'
371                   }
372                  ]
373
374                 },
375                 {
376                  '|xns' : 'Roo.bootstrap',
377                  labelAlign : 'top',
378                  xns : Roo.bootstrap,
379                  xtype : 'Form',
380                  items : [
381                   {
382                    '|xns' : 'Roo.bootstrap',
383                    cls : 'box-body',
384                    xns : Roo.bootstrap,
385                    xtype : 'Container',
386                    items : [
387                     {
388                      '|xns' : 'Roo.bootstrap',
389                      before : '@',
390                      placeholder : _this._strings['f6b6d9142474aba10b39e88cf4e06f6e'],
391                      size : 'md',
392                      xns : Roo.bootstrap,
393                      xtype : 'Input'
394                     },
395                     {
396                      '|xns' : 'Roo.bootstrap',
397                      after : 0,
398                      placeholder : _this._strings['343f7d4e4b503d9b9cb282205a4d5858'],
399                      size : 'md',
400                      xns : Roo.bootstrap,
401                      xtype : 'Input'
402                     },
403                     {
404                      '|xns' : 'Roo.bootstrap',
405                      after : 0,
406                      before : '$',
407                      placeholder : _this._strings['7099e6d377281665976e57e80ba5fe0d'],
408                      size : 'md',
409                      xns : Roo.bootstrap,
410                      xtype : 'Input'
411                     },
412                     {
413                      '|xns' : 'Roo.bootstrap',
414                      html : _this._strings['71f30e09efd6fac81e65a32a32a1c6ac'],
415                      level : 4,
416                      xns : Roo.bootstrap,
417                      xtype : 'Header'
418                     },
419                     {
420                      '|xns' : 'Roo.bootstrap',
421                      before : '<i class=\"fa fa-envelope\"></i>',
422                      placeholder : _this._strings['2c5c51fe5216e88d91a0a29c8c22b26f'],
423                      size : 'md',
424                      xns : Roo.bootstrap,
425                      xtype : 'Input'
426                     },
427                     {
428                      '|xns' : 'Roo.bootstrap',
429                      after : '<i class=\"fa fa-check\"></i>',
430                      placeholder : _this._strings['cb76b3c00a2436a2a0d57f1282cbd66a'],
431                      size : 'md',
432                      xns : Roo.bootstrap,
433                      xtype : 'Input'
434                     },
435                     {
436                      '|xns' : 'Roo.bootstrap',
437                      after : '<i class=\"fa fa-ambulance\"></i>',
438                      before : '<i class=\"fa fa-dollar\"></i>',
439                      placeholder : _this._strings['680e083786e18d3b9bd07bffd61dc5dc'],
440                      size : 'md',
441                      xns : Roo.bootstrap,
442                      xtype : 'Input'
443                     },
444                     {
445                      '|xns' : 'Roo.bootstrap',
446                      html : _this._strings['b85c1bc6f73a44489045c76aafbab96c'],
447                      level : 4,
448                      xns : Roo.bootstrap,
449                      xtype : 'Header'
450                     },
451                     {
452                      '|xns' : 'Roo.bootstrap',
453                      xns : Roo.bootstrap,
454                      xtype : 'Row',
455                      items : [
456                       {
457                        '|xns' : 'Roo.bootstrap',
458                        before : 'fixme',
459                        md : 6,
460                        placeholder : _this._strings['d1457b72c3fb323a2671125aef3eab5d'],
461                        size : 'md',
462                        xns : Roo.bootstrap,
463                        xtype : 'Input'
464                       },
465                       {
466                        '|xns' : 'Roo.bootstrap',
467                        md : 6,
468                        placeholder : _this._strings['cb6b36c6d62d94b76628a4543517f89b'],
469                        size : 'md',
470                        xns : Roo.bootstrap,
471                        xtype : 'Input'
472                       }
473                      ]
474
475                     },
476                     {
477                      '|xns' : 'Roo.bootstrap',
478                      html : _this._strings['8d71e1fffea14ff1d8b7acbe0ded4305'],
479                      level : 4,
480                      xns : Roo.bootstrap,
481                      xtype : 'Header'
482                     },
483                     {
484                      before : {
485                       menu : {
486                        '|xns' : 'Roo.bootstrap',
487                        xns : Roo.bootstrap,
488                        xtype : 'Menu',
489                        items : [
490                         {
491                          '|xns' : 'Roo.bootstrap',
492                          html : _this._strings['dbd7790bcd23fde7607101ef6a633779'],
493                          xns : Roo.bootstrap,
494                          xtype : 'MenuItem',
495                          listeners : {
496                           click : function (e)
497                            {
498                                _this.httpButton.setText("http://");
499                            }
500                          }
501                         },
502                         {
503                          '|xns' : 'Roo.bootstrap',
504                          html : _this._strings['f8eae6750519389e078e1eb1bcb3d708'],
505                          xns : Roo.bootstrap,
506                          xtype : 'MenuItem',
507                          listeners : {
508                           click : function (e)
509                            {
510                                _this.httpButton.setText("https://");
511                            }
512                          }
513                         }
514                        ]
515
516                       },
517                       '|xns' : 'Roo.bootstrap',
518                       html : _this._strings['dbd7790bcd23fde7607101ef6a633779'],
519                       weight : 'primary',
520                       xns : Roo.bootstrap,
521                       xtype : 'Button',
522                       listeners : {
523                        render : function (_self)
524                         {
525                             _this.httpButton = _self;
526                         }
527                       },
528                       items : [
529
530                       ]
531
532                      },
533                      '|xns' : 'Roo.bootstrap',
534                      placeholder : _this._strings['1d74eaa01575d5f21d7a8e54154126e3'],
535                      size : 'md',
536                      xns : Roo.bootstrap,
537                      xtype : 'Input',
538                      items : [
539
540                      ]
541
542                     },
543                     {
544                      after : {
545                       '|xns' : 'Roo.bootstrap',
546                       html : _this._strings['5f075ae3e1f9d0382bb8c4632991f96f'],
547                       weight : 'success',
548                       xns : Roo.bootstrap,
549                       xtype : 'Button'
550                      },
551                      '|xns' : 'Roo.bootstrap',
552                      placeholder : _this._strings['221fd7bbd5b513f2c2db2939fcefec96'],
553                      size : 'md',
554                      xns : Roo.bootstrap,
555                      xtype : 'Input',
556                      items : [
557
558                      ]
559
560                     }
561                    ]
562
563                   }
564                  ]
565
566                 }
567                ]
568
569               }
570              ]
571
572             },
573             {
574              '|xns' : 'Roo.bootstrap',
575              md : 6,
576              sm : 12,
577              xns : Roo.bootstrap,
578              xtype : 'Column',
579              items : [
580               {
581                '|xns' : 'Roo.bootstrap',
582                cls : 'box box-warning',
583                xns : Roo.bootstrap,
584                xtype : 'Container',
585                items : [
586                 {
587                  '|xns' : 'Roo.bootstrap',
588                  cls : 'box-header',
589                  xns : Roo.bootstrap,
590                  xtype : 'Container',
591                  items : [
592                   {
593                    '|xns' : 'Roo.bootstrap',
594                    cls : 'box-title',
595                    html : _this._strings['1d042703152e2b45f3b2ee38610b9a07'],
596                    level : 3,
597                    xns : Roo.bootstrap,
598                    xtype : 'Header'
599                   }
600                  ]
601
602                 },
603                 {
604                  '|xns' : 'Roo.bootstrap',
605                  labelAlign : 'top',
606                  xns : Roo.bootstrap,
607                  xtype : 'Form',
608                  items : [
609                   {
610                    '|xns' : 'Roo.bootstrap',
611                    cls : 'box-body',
612                    xns : Roo.bootstrap,
613                    xtype : 'Container',
614                    items : [
615                     {
616                      '|xns' : 'Roo.bootstrap',
617                      fieldLabel : 'Text',
618                      placeholder : _this._strings['4c3d0e43b52db64c94f842da7fc7224c'],
619                      xns : Roo.bootstrap,
620                      xtype : 'Input'
621                     },
622                     {
623                      '|xns' : 'Roo.bootstrap',
624                      disabled : true,
625                      fieldLabel : 'Text',
626                      placeholder : _this._strings['ac8f3751f51c35383892f7a1684e35ea'],
627                      xns : Roo.bootstrap,
628                      xtype : 'Input'
629                     },
630                     {
631                      '|xns' : 'Roo.bootstrap',
632                      fieldLabel : 'Textarea',
633                      xns : Roo.bootstrap,
634                      xtype : 'TextArea'
635                     },
636                     {
637                      '|xns' : 'Roo.bootstrap',
638                      disabled : true,
639                      fieldLabel : 'Textarea',
640                      placeholder : _this._strings['3b545ecbbdf3673f195c5a692fefa928'],
641                      xns : Roo.bootstrap,
642                      xtype : 'TextArea'
643                     },
644                     {
645                      '|xns' : 'Roo.bootstrap',
646                      cls : 'has-success',
647                      fieldLabel : 'Input with Success',
648                      placeholder : _this._strings['088eb66998a403897b60aa8ee9115c91'],
649                      xns : Roo.bootstrap,
650                      xtype : 'Input'
651                     },
652                     {
653                      '|xns' : 'Roo.bootstrap',
654                      cls : 'has-warning',
655                      fieldLabel : 'Input with Warning',
656                      placeholder : _this._strings['e7ef9c258353d78ca676588bd59ec915'],
657                      xns : Roo.bootstrap,
658                      xtype : 'Input'
659                     },
660                     {
661                      '|xns' : 'Roo.bootstrap',
662                      cls : 'has-error',
663                      fieldLabel : 'Input with Error',
664                      placeholder : _this._strings['fe65c0ed916a464efda8e6b69b846d09'],
665                      xns : Roo.bootstrap,
666                      xtype : 'Input'
667                     },
668                     {
669                      '|xns' : 'Roo.bootstrap',
670                      boxLabel : 'Checkbox 1',
671                      xns : Roo.bootstrap,
672                      xtype : 'CheckBox'
673                     },
674                     {
675                      '|xns' : 'Roo.bootstrap',
676                      boxLabel : 'Checkbox weight=primary',
677                      checked : true,
678                      weight : 'primary',
679                      xns : Roo.bootstrap,
680                      xtype : 'CheckBox'
681                     },
682                     {
683                      '|xns' : 'Roo.bootstrap',
684                      boxLabel : 'Checkbox Disabled',
685                      disabled : true,
686                      xns : Roo.bootstrap,
687                      xtype : 'CheckBox'
688                     },
689                     {
690                      '|xns' : 'Roo.bootstrap',
691                      boxLabel : 'Radio 1',
692                      name : 'radio',
693                      value : 1,
694                      xns : Roo.bootstrap,
695                      xtype : 'Radio'
696                     },
697                     {
698                      '|xns' : 'Roo.bootstrap',
699                      boxLabel : 'Radio (weight=danger)',
700                      name : 'radio',
701                      value : 2,
702                      weight : 'danger',
703                      xns : Roo.bootstrap,
704                      xtype : 'Radio'
705                     },
706                     {
707                      '|xns' : 'Roo.bootstrap',
708                      boxLabel : 'Radio Disabled',
709                      disabled : true,
710                      name : 'radio',
711                      value : 3,
712                      xns : Roo.bootstrap,
713                      xtype : 'Radio'
714                     },
715                     {
716                      store : {
717                       '|xns' : 'Roo.data',
718                       data : [ [ 'option a'] ,[ 'option b'] ],
719                       fields : [ 'item' ],
720                       xns : Roo.data,
721                       xtype : 'SimpleStore'
722                      },
723                      '|xns' : 'Roo.bootstrap',
724                      displayField : 'item',
725                      editable : false,
726                      fieldLabel : 'ComboBox',
727                      mode : 'local',
728                      name : 'combotest',
729                      tpl : '<li class=\"select2-result\"><b>{item}</b></div>',
730                      triggerAction : 'all',
731                      valueField : 'item',
732                      xns : Roo.bootstrap,
733                      xtype : 'ComboBox',
734                      items : [
735
736                      ]
737
738                     },
739                     {
740                      store : {
741                       '|xns' : 'Roo.data',
742                       data : [ [ 'option a'] ,[ 'option b'] ],
743                       fields : [ 'item' ],
744                       xns : Roo.data,
745                       xtype : 'SimpleStore'
746                      },
747                      '|xns' : 'Roo.bootstrap',
748                      disabled : true,
749                      displayField : 'item',
750                      editable : false,
751                      fieldLabel : 'ComboBox disabled',
752                      mode : 'local',
753                      name : 'combotest',
754                      tpl : '<li class=\"select2-result\"><b>{item}</b></div>',
755                      triggerAction : 'all',
756                      valueField : 'item',
757                      xns : Roo.bootstrap,
758                      xtype : 'ComboBox',
759                      items : [
760
761                      ]
762
763                     },
764                     {
765                      store : {
766                       '|xns' : 'Roo.data',
767                       data : [ [ 'option a'] ,[ 'option b'] ],
768                       fields : [ 'item' ],
769                       xns : Roo.data,
770                       xtype : 'SimpleStore'
771                      },
772                      '|xns' : 'Roo.bootstrap',
773                      displayField : 'item',
774                      editable : false,
775                      fieldLabel : 'Multiple selection',
776                      mode : 'local',
777                      multiple : true,
778                      name : 'combotest',
779                      tpl : '<li class=\"select2-result\"><b>{item}</b></div>',
780                      triggerAction : 'all',
781                      valueField : 'item',
782                      xns : Roo.bootstrap,
783                      xtype : 'ComboBox',
784                      items : [
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   };  }
816 });