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   'cb77406bbf3dfa74988524ac61a5a9be' :"Text Name",
  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        errPopover : 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              labelWidth : 6,
 136              name : 'left_radio',
 137              xns : Roo.bootstrap,
 138              '|xns' : 'Roo.bootstrap',
 139              items  : [
 140               {
 141                xtype : 'Radio',
 142                boxLabel : 'Yes',
 143                value : _this._strings['a6105c0a611b41b08f1209506350279e'] /* yes */,
 144                xns : Roo.bootstrap,
 145                '|xns' : 'Roo.bootstrap'
 146               },
 147               {
 148                xtype : 'Radio',
 149                boxLabel : 'No',
 150                value : _this._strings['7fa3b767c460b54a2be4d49030b349c7'] /* no */,
 151                xns : Roo.bootstrap,
 152                '|xns' : 'Roo.bootstrap'
 153               }
 154              ]
 155             }
 156            ]
 157           }
 158          ]
 159         },
 160         {
 161          xtype : 'Row',
 162          xns : Roo.bootstrap,
 163          '|xns' : 'Roo.bootstrap',
 164          items  : [
 165           {
 166            xtype : 'Column',
 167            style : 'margin-top: 15px;',
 168            xs : 12,
 169            xns : Roo.bootstrap,
 170            '|xns' : 'Roo.bootstrap',
 171            items  : [
 172             {
 173              xtype : 'Input',
 174              allowBlank : false,
 175              fieldLabel : _this._strings['cb77406bbf3dfa74988524ac61a5a9be'] /* Text Name */,
 176              name : 'text_name',
 177              placeholder : _this._strings['9dffbf69ffba8bc38bc4e01abf4b1675'] /* Text */,
 178              xns : Roo.bootstrap,
 179              '|xns' : 'Roo.bootstrap'
 180             }
 181            ]
 182           }
 183          ]
 184         },
 185         {
 186          xtype : 'Row',
 187          xns : Roo.bootstrap,
 188          '|xns' : 'Roo.bootstrap',
 189          items  : [
 190           {
 191            xtype : 'Column',
 192            xs : 12,
 193            xns : Roo.bootstrap,
 194            '|xns' : 'Roo.bootstrap',
 195            items  : [
 196             {
 197              xtype : 'Input',
 198              allowBlank : false,
 199              name : 'email_name',
 200              placeholder : _this._strings['ce8ae9da5b7cd6c3df2929543a9af92d'] /* Email */,
 201              regexText : 'This field should be an e-mail address in the format \"user@domain.com\"',
 202              vtype : 'email',
 203              xns : Roo.bootstrap,
 204              '|xns' : 'Roo.bootstrap'
 205             }
 206            ]
 207           }
 208          ]
 209         },
 210         {
 211          xtype : 'Row',
 212          xns : Roo.bootstrap,
 213          '|xns' : 'Roo.bootstrap',
 214          items  : [
 215           {
 216            xtype : 'Column',
 217            style : 'margin-top: 15px;',
 218            xs : 12,
 219            xns : Roo.bootstrap,
 220            '|xns' : 'Roo.bootstrap',
 221            items  : [
 222             {
 223              xtype : 'Button',
 224              html : _this._strings['ad3d06d03d94223fa652babc913de686'] /* Validate */,
 225              weight : 'primary',
 226              listeners : {
 227               click : function (_self, e)
 228                {
 229                    _this.form.isValid();
 230                }
 231              },
 232              xns : Roo.bootstrap,
 233              '|xns' : 'Roo.bootstrap'
 234             }
 235            ]
 236           }
 237          ]
 238         }
 239        ]
 240       }
 241      ]
 242     }
 243    ]
 244   };  }
 245 });