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              name : 'text_area',
221              xns : Roo.bootstrap,
222              '|xns' : 'Roo.bootstrap'
223             }
224            ]
225           }
226          ]
227         },
228         {
229          xtype : 'Row',
230          xns : Roo.bootstrap,
231          '|xns' : 'Roo.bootstrap',
232          items  : [
233           {
234            xtype : 'Column',
235            style : 'margin-top: 15px;',
236            xs : 12,
237            xns : Roo.bootstrap,
238            '|xns' : 'Roo.bootstrap',
239            items  : [
240             {
241              xtype : 'Button',
242              html : _this._strings['ad3d06d03d94223fa652babc913de686'] /* Validate */,
243              weight : 'primary',
244              listeners : {
245               click : function (_self, e)
246                {
247                    _this.form.isValid();
248                }
249              },
250              xns : Roo.bootstrap,
251              '|xns' : 'Roo.bootstrap'
252             }
253            ]
254           }
255          ]
256         }
257        ]
258       }
259      ]
260     }
261    ]
262   };  }
263 });