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