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