4b932bb6d1ce4b4318c7fcfb1f31d889ff1c0b05
[roojs1] / examples / bootstrap / RadioSet.bjs
1 {
2  "name" : "RadioSet",
3  "parent" : "",
4  "title" : "",
5  "path" : "/home/edward/gitlive/roojs1/examples/bootstrap/RadioSet.bjs",
6  "permname" : "",
7  "modOrder" : "001",
8  "strings" : {
9   "ce8ae9da5b7cd6c3df2929543a9af92d" : "Email",
10   "7fa3b767c460b54a2be4d49030b349c7" : "no",
11   "e3917ff2d3b3a88eab391651215d6445" : "Radio Field Lable Left",
12   "9dffbf69ffba8bc38bc4e01abf4b1675" : "Text",
13   "8d80ce38760953b68529d7fc9d8d89b6" : "Radio Field Lable",
14   "015ae6f41d4b86ad13ac0fde840d2280" : "Text Input",
15   "a6105c0a611b41b08f1209506350279e" : "yes",
16   "ad3d06d03d94223fa652babc913de686" : "Validate",
17   "b7dc22f0e17f4dfca2940eb0bd0cdc54" : "Radio Set Example"
18  },
19  "items" : [
20   {
21    "String cls" : "bg-black",
22    "xtype" : "Body",
23    "$ xns" : "Roo.bootstrap",
24    "String style" : "min-height: 100%;",
25    "items" : [
26     {
27      "xtype" : "Container",
28      "$ xns" : "Roo.bootstrap",
29      "items" : [
30       {
31        "listeners" : {
32         "render" : "function (_self)\n{\n    _this.form = this;\n}"
33        },
34        "Boolean errorMask" : true,
35        "xtype" : "Form",
36        "$ xns" : "Roo.bootstrap",
37        "items" : [
38         {
39          "xtype" : "Row",
40          "$ xns" : "Roo.bootstrap",
41          "items" : [
42           {
43            "xtype" : "Column",
44            "Number xs" : 12,
45            "$ xns" : "Roo.bootstrap",
46            "items" : [
47             {
48              "xtype" : "Header",
49              "$ xns" : "Roo.bootstrap",
50              "Number level" : 1,
51              "String html" : "Radio Set Example"
52             }
53            ]
54           }
55          ]
56         },
57         {
58          "xtype" : "Row",
59          "$ xns" : "Roo.bootstrap",
60          "items" : [
61           {
62            "xtype" : "Column",
63            "Number xs" : 12,
64            "$ xns" : "Roo.bootstrap",
65            "items" : [
66             {
67              "bool allowBlank" : false,
68              "xtype" : "RadioSet",
69              "string fieldLabel" : "Radio Field Lable",
70              "$ xns" : "Roo.bootstrap",
71              "string indicatorpos" : "right",
72              "string name" : "top_radio",
73              "string labelAlign" : "top",
74              "items" : [
75               {
76                "xtype" : "Radio",
77                "$ xns" : "Roo.bootstrap",
78                "string boxLabel" : "Yes",
79                "string value" : "yes"
80               },
81               {
82                "xtype" : "Radio",
83                "$ xns" : "Roo.bootstrap",
84                "string boxLabel" : "No",
85                "string value" : "no"
86               }
87              ]
88             }
89            ]
90           }
91          ]
92         },
93         {
94          "xtype" : "Row",
95          "$ xns" : "Roo.bootstrap",
96          "items" : [
97           {
98            "xtype" : "Column",
99            "Number xs" : 12,
100            "$ xns" : "Roo.bootstrap",
101            "String style" : "margin-top: 15px;",
102            "items" : [
103             {
104              "bool allowBlank" : false,
105              "xtype" : "RadioSet",
106              "string fieldLabel" : "Radio Field Lable Left",
107              "$ xns" : "Roo.bootstrap",
108              "string indicatorpos" : "right",
109              "string name" : "left_radio",
110              "string labelAlign" : "left",
111              "items" : [
112               {
113                "xtype" : "Radio",
114                "$ xns" : "Roo.bootstrap",
115                "string boxLabel" : "Yes",
116                "string value" : "yes"
117               },
118               {
119                "xtype" : "Radio",
120                "$ xns" : "Roo.bootstrap",
121                "string boxLabel" : "No",
122                "string value" : "no"
123               }
124              ]
125             }
126            ]
127           }
128          ]
129         },
130         {
131          "xtype" : "Row",
132          "$ xns" : "Roo.bootstrap",
133          "items" : [
134           {
135            "xtype" : "Column",
136            "Number xs" : 12,
137            "$ xns" : "Roo.bootstrap",
138            "String style" : "margin-top: 15px;",
139            "items" : [
140             {
141              "Boolean allowBlank" : false,
142              "String name" : "text_name",
143              "xtype" : "Input",
144              "string placeholder" : "Text",
145              "string fieldLabel" : "Text Input",
146              "$ xns" : "Roo.bootstrap"
147             }
148            ]
149           }
150          ]
151         },
152         {
153          "xtype" : "Row",
154          "$ xns" : "Roo.bootstrap",
155          "items" : [
156           {
157            "xtype" : "Column",
158            "Number xs" : 12,
159            "$ xns" : "Roo.bootstrap",
160            "items" : [
161             {
162              "Boolean allowBlank" : false,
163              "String name" : "email_name",
164              "xtype" : "Input",
165              "string placeholder" : "Email",
166              "$ xns" : "Roo.bootstrap",
167              "String vtype" : "email",
168              "String regexText" : "This field should be an e-mail address in the format \"user@domain.com\""
169             }
170            ]
171           }
172          ]
173         },
174         {
175          "xtype" : "Row",
176          "$ xns" : "Roo.bootstrap",
177          "items" : [
178           {
179            "xtype" : "Column",
180            "Number xs" : 12,
181            "$ xns" : "Roo.bootstrap",
182            "items" : [
183             {
184              "Boolean allowBlank" : false,
185              "String name" : "text_area",
186              "xtype" : "TextArea",
187              "$ xns" : "Roo.bootstrap"
188             }
189            ]
190           }
191          ]
192         },
193         {
194          "xtype" : "Row",
195          "$ xns" : "Roo.bootstrap",
196          "items" : [
197           {
198            "xtype" : "Column",
199            "Number xs" : 12,
200            "$ xns" : "Roo.bootstrap",
201            "String style" : "margin-top: 15px;",
202            "items" : [
203             {
204              "listeners" : {
205               "click" : "function (_self, e)\n{\n    _this.form.isValid();\n}"
206              },
207              "String weight" : "primary",
208              "xtype" : "Button",
209              "$ xns" : "Roo.bootstrap",
210              "String html" : "Validate"
211             }
212            ]
213           }
214          ]
215         }
216        ]
217       }
218      ]
219     }
220    ]
221   }
222  ]
223 }