examples/bootstrap/RadioSet.bjs
[roojs1] / examples / bootstrap / RadioSet.js
1 //<script type="text/javascript">
2
3 // Auto generated file - created by app.Builder.js- do not edit directly (at present!)
4
5 RadioSet = new Roo.XComponent({
6
7  _strings : {
8   'ce8ae9da5b7cd6c3df2929543a9af92d' :"Email",
9   '7fa3b767c460b54a2be4d49030b349c7' :"no",
10   'e3917ff2d3b3a88eab391651215d6445' :"Radio Field Lable Left",
11   '9dffbf69ffba8bc38bc4e01abf4b1675' :"Text",
12   '8d80ce38760953b68529d7fc9d8d89b6' :"Radio Field Lable",
13   'a6105c0a611b41b08f1209506350279e' :"yes",
14   'ad3d06d03d94223fa652babc913de686' :"Validate",
15   'b7dc22f0e17f4dfca2940eb0bd0cdc54' :"Radio Set Example"
16  },
17
18   part     :  ["bootstrap", "RadioSet" ],
19   order    : '001-RadioSet',
20   region   : 'center',
21   parent   : false,
22   name     : "unnamed module",
23   disabled : false, 
24   permname : '', 
25   _tree : function(_data)
26   {
27    var _this = this;
28    var MODULE = this;
29    return {
30    xtype : 'Body',
31    cls : 'bg-black',
32    style : 'min-height: 100%;',
33    xns : Roo.bootstrap,
34    '|xns' : 'Roo.bootstrap',
35    items  : [
36     {
37      xtype : 'Container',
38      xns : Roo.bootstrap,
39      '|xns' : 'Roo.bootstrap',
40      items  : [
41       {
42        xtype : 'Form',
43        errPopover : true,
44        listeners : {
45         render : function (_self)
46          {
47              _this.form = this;
48          }
49        },
50        xns : Roo.bootstrap,
51        '|xns' : 'Roo.bootstrap',
52        items  : [
53         {
54          xtype : 'Row',
55          xns : Roo.bootstrap,
56          '|xns' : 'Roo.bootstrap',
57          items  : [
58           {
59            xtype : 'Column',
60            xs : 12,
61            xns : Roo.bootstrap,
62            '|xns' : 'Roo.bootstrap',
63            items  : [
64             {
65              xtype : 'Header',
66              html : _this._strings['b7dc22f0e17f4dfca2940eb0bd0cdc54'] /* Radio Set Example */,
67              level : 1,
68              xns : Roo.bootstrap,
69              '|xns' : 'Roo.bootstrap'
70             }
71            ]
72           }
73          ]
74         },
75         {
76          xtype : 'Row',
77          xns : Roo.bootstrap,
78          '|xns' : 'Roo.bootstrap',
79          items  : [
80           {
81            xtype : 'Column',
82            xs : 12,
83            xns : Roo.bootstrap,
84            '|xns' : 'Roo.bootstrap',
85            items  : [
86             {
87              xtype : 'RadioSet',
88              allowBlank : false,
89              fieldLabel : _this._strings['8d80ce38760953b68529d7fc9d8d89b6'] /* Radio Field Lable */,
90              indicatorpos : 'right',
91              labelAlign : 'top',
92              name : 'top_radio',
93              xns : Roo.bootstrap,
94              '|xns' : 'Roo.bootstrap',
95              items  : [
96               {
97                xtype : 'Radio',
98                boxLabel : 'Yes',
99                value : _this._strings['a6105c0a611b41b08f1209506350279e'] /* yes */,
100                xns : Roo.bootstrap,
101                '|xns' : 'Roo.bootstrap'
102               },
103               {
104                xtype : 'Radio',
105                boxLabel : 'No',
106                value : _this._strings['7fa3b767c460b54a2be4d49030b349c7'] /* no */,
107                xns : Roo.bootstrap,
108                '|xns' : 'Roo.bootstrap'
109               }
110              ]
111             }
112            ]
113           }
114          ]
115         },
116         {
117          xtype : 'Row',
118          xns : Roo.bootstrap,
119          '|xns' : 'Roo.bootstrap',
120          items  : [
121           {
122            xtype : 'Column',
123            style : 'margin-top: 15px;',
124            xs : 12,
125            xns : Roo.bootstrap,
126            '|xns' : 'Roo.bootstrap',
127            items  : [
128             {
129              xtype : 'RadioSet',
130              allowBlank : false,
131              fieldLabel : _this._strings['e3917ff2d3b3a88eab391651215d6445'] /* Radio Field Lable Left */,
132              indicatorpos : 'right',
133              labelAlign : 'left',
134              name : 'left_radio',
135              xns : Roo.bootstrap,
136              '|xns' : 'Roo.bootstrap',
137              items  : [
138               {
139                xtype : 'Radio',
140                boxLabel : 'Yes',
141                value : _this._strings['a6105c0a611b41b08f1209506350279e'] /* yes */,
142                xns : Roo.bootstrap,
143                '|xns' : 'Roo.bootstrap'
144               },
145               {
146                xtype : 'Radio',
147                boxLabel : 'No',
148                value : _this._strings['7fa3b767c460b54a2be4d49030b349c7'] /* no */,
149                xns : Roo.bootstrap,
150                '|xns' : 'Roo.bootstrap'
151               }
152              ]
153             }
154            ]
155           }
156          ]
157         },
158         {
159          xtype : 'Row',
160          xns : Roo.bootstrap,
161          '|xns' : 'Roo.bootstrap',
162          items  : [
163           {
164            xtype : 'Column',
165            style : 'margin-top: 15px;',
166            xs : 12,
167            xns : Roo.bootstrap,
168            '|xns' : 'Roo.bootstrap',
169            items  : [
170             {
171              xtype : 'Input',
172              allowBlank : false,
173              name : 'text_name',
174              placeholder : _this._strings['9dffbf69ffba8bc38bc4e01abf4b1675'] /* Text */,
175              xns : Roo.bootstrap,
176              '|xns' : 'Roo.bootstrap'
177             }
178            ]
179           }
180          ]
181         },
182         {
183          xtype : 'Row',
184          xns : Roo.bootstrap,
185          '|xns' : 'Roo.bootstrap',
186          items  : [
187           {
188            xtype : 'Column',
189            xs : 12,
190            xns : Roo.bootstrap,
191            '|xns' : 'Roo.bootstrap',
192            items  : [
193             {
194              xtype : 'Input',
195              allowBlank : false,
196              name : 'email_name',
197              placeholder : _this._strings['ce8ae9da5b7cd6c3df2929543a9af92d'] /* Email */,
198              regexText : 'This field should be an e-mail address in the format \"user@domain.com\"',
199              vtype : 'email',
200              xns : Roo.bootstrap,
201              '|xns' : 'Roo.bootstrap'
202             }
203            ]
204           }
205          ]
206         },
207         {
208          xtype : 'Row',
209          xns : Roo.bootstrap,
210          '|xns' : 'Roo.bootstrap',
211          items  : [
212           {
213            xtype : 'Column',
214            xs : 12,
215            xns : Roo.bootstrap,
216            '|xns' : 'Roo.bootstrap',
217            items  : [
218             {
219              xtype : 'TextArea',
220              allowBlank : false,
221              name : 'text_area',
222              xns : Roo.bootstrap,
223              '|xns' : 'Roo.bootstrap'
224             }
225            ]
226           }
227          ]
228         },
229         {
230          xtype : 'Row',
231          xns : Roo.bootstrap,
232          '|xns' : 'Roo.bootstrap',
233          items  : [
234           {
235            xtype : 'Column',
236            style : 'margin-top: 15px;',
237            xs : 12,
238            xns : Roo.bootstrap,
239            '|xns' : 'Roo.bootstrap',
240            items  : [
241             {
242              xtype : 'Button',
243              html : _this._strings['ad3d06d03d94223fa652babc913de686'] /* Validate */,
244              weight : 'primary',
245              listeners : {
246               click : function (_self, e)
247                {
248                    _this.form.isValid();
249                }
250              },
251              xns : Roo.bootstrap,
252              '|xns' : 'Roo.bootstrap'
253             }
254            ]
255           }
256          ]
257         }
258        ]
259       }
260      ]
261     }
262    ]
263   };  }
264 });