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