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              labelWidth : 6,
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              name : 'text_name',
175              placeholder : _this._strings['9dffbf69ffba8bc38bc4e01abf4b1675'] /* Text */,
176              xns : Roo.bootstrap,
177              '|xns' : 'Roo.bootstrap'
178             }
179            ]
180           }
181          ]
182         },
183         {
184          xtype : 'Row',
185          xns : Roo.bootstrap,
186          '|xns' : 'Roo.bootstrap',
187          items  : [
188           {
189            xtype : 'Column',
190            xs : 12,
191            xns : Roo.bootstrap,
192            '|xns' : 'Roo.bootstrap',
193            items  : [
194             {
195              xtype : 'Input',
196              allowBlank : false,
197              name : 'email_name',
198              placeholder : _this._strings['ce8ae9da5b7cd6c3df2929543a9af92d'] /* Email */,
199              regexText : 'This field should be an e-mail address in the format \"user@domain.com\"',
200              vtype : 'email',
201              xns : Roo.bootstrap,
202              '|xns' : 'Roo.bootstrap'
203             }
204            ]
205           }
206          ]
207         },
208         {
209          xtype : 'Row',
210          xns : Roo.bootstrap,
211          '|xns' : 'Roo.bootstrap',
212          items  : [
213           {
214            xtype : 'Column',
215            style : 'margin-top: 15px;',
216            xs : 12,
217            xns : Roo.bootstrap,
218            '|xns' : 'Roo.bootstrap',
219            items  : [
220             {
221              xtype : 'Button',
222              html : _this._strings['ad3d06d03d94223fa652babc913de686'] /* Validate */,
223              weight : 'primary',
224              listeners : {
225               click : function (_self, e)
226                {
227                    _this.form.isValid();
228                }
229              },
230              xns : Roo.bootstrap,
231              '|xns' : 'Roo.bootstrap'
232             }
233            ]
234           }
235          ]
236         }
237        ]
238       }
239      ]
240     }
241    ]
242   };  }
243 });