git.roojs.org Git - roojs1/blob - 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              labelWidth : 6,
 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            style : 'margin-top: 15px;',
 217            xs : 12,
 218            xns : Roo.bootstrap,
 219            '|xns' : 'Roo.bootstrap',
 220            items  : [
 221             {
 222              xtype : 'Button',
 223              html : _this._strings['ad3d06d03d94223fa652babc913de686'] /* Validate */,
 224              weight : 'primary',
 225              listeners : {
 226               click : function (_self, e)
 227                {
 228                    _this.form.isValid();
 229                }
 230              },
 231              xns : Roo.bootstrap,
 232              '|xns' : 'Roo.bootstrap'
 233             }
 234            ]
 235           }
 236          ]
 237         }
 238        ]
 239       }
 240      ]
 241     }
 242    ]
 243   };  }
 244 });