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