X-Git-Url: http://git.roojs.org/?a=blobdiff_plain;f=examples%2Fbootstrap%2FRadioSet.js;h=e690f52e9cdfaa6eb46b911d5a1fe722c3dfe560;hb=b502c7cce8b0f54e92dfb90fa53515c8ea78d0ee;hp=3b99f028eb5e1d7a90dda3f1b7092b0c4d24c0d1;hpb=a4f02117c73466bf6b948d59980158fbe2ee7561;p=roojs1 diff --git a/examples/bootstrap/RadioSet.js b/examples/bootstrap/RadioSet.js index 3b99f028eb..e690f52e9c 100644 --- a/examples/bootstrap/RadioSet.js +++ b/examples/bootstrap/RadioSet.js @@ -5,11 +5,26 @@ RadioSet = new Roo.XComponent({ _strings : { + 'ce8ae9da5b7cd6c3df2929543a9af92d' :"Email", + 'bafd7322c6e97d25b6299b5d6fe8920b' :"No", '7fa3b767c460b54a2be4d49030b349c7' :"no", 'e3917ff2d3b3a88eab391651215d6445' :"Radio Field Lable Left", + '9dffbf69ffba8bc38bc4e01abf4b1675' :"Text", '8d80ce38760953b68529d7fc9d8d89b6' :"Radio Field Lable", + '015ae6f41d4b86ad13ac0fde840d2280' :"Text Input", + '93cba07454f06a4a960172bbd6e2a435' :"Yes", 'a6105c0a611b41b08f1209506350279e' :"yes", - 'b7dc22f0e17f4dfca2940eb0bd0cdc54' :"Radio Set Example" + 'ad3d06d03d94223fa652babc913de686' :"Validate", + 'b7dc22f0e17f4dfca2940eb0bd0cdc54' :"Radio Set Example", + 'b09c9236a266cc99b2e790564b81cc70' :"This is a checkbox" + }, + _named_strings : { + 'text_name_fieldLabel' : '015ae6f41d4b86ad13ac0fde840d2280' /* Text Input */ , + 'left_radio_fieldLabel' : 'e3917ff2d3b3a88eab391651215d6445' /* Radio Field Lable Left */ , + 'text_name_placeholder' : '9dffbf69ffba8bc38bc4e01abf4b1675' /* Text */ , + 'email_name_placeholder' : 'ce8ae9da5b7cd6c3df2929543a9af92d' /* Email */ , + 'top_radio_fieldLabel' : '8d80ce38760953b68529d7fc9d8d89b6' /* Radio Field Lable */ , + 'test1_boxLabel' : 'b09c9236a266cc99b2e790564b81cc70' /* This is a checkbox */ }, part : ["bootstrap", "RadioSet" ], @@ -37,6 +52,7 @@ RadioSet = new Roo.XComponent({ items : [ { xtype : 'Form', + errorMask : true, listeners : { render : function (_self) { @@ -91,14 +107,14 @@ RadioSet = new Roo.XComponent({ items : [ { xtype : 'Radio', - boxLabel : 'Yes', + boxLabel : _this._strings['93cba07454f06a4a960172bbd6e2a435'] /* Yes */, value : _this._strings['a6105c0a611b41b08f1209506350279e'] /* yes */, xns : Roo.bootstrap, '|xns' : 'Roo.bootstrap' }, { xtype : 'Radio', - boxLabel : 'No', + boxLabel : _this._strings['bafd7322c6e97d25b6299b5d6fe8920b'] /* No */, value : _this._strings['7fa3b767c460b54a2be4d49030b349c7'] /* no */, xns : Roo.bootstrap, '|xns' : 'Roo.bootstrap' @@ -133,14 +149,14 @@ RadioSet = new Roo.XComponent({ items : [ { xtype : 'Radio', - boxLabel : 'Yes', + boxLabel : _this._strings['93cba07454f06a4a960172bbd6e2a435'] /* Yes */, value : _this._strings['a6105c0a611b41b08f1209506350279e'] /* yes */, xns : Roo.bootstrap, '|xns' : 'Roo.bootstrap' }, { xtype : 'Radio', - boxLabel : 'No', + boxLabel : _this._strings['bafd7322c6e97d25b6299b5d6fe8920b'] /* No */, value : _this._strings['7fa3b767c460b54a2be4d49030b349c7'] /* no */, xns : Roo.bootstrap, '|xns' : 'Roo.bootstrap' @@ -165,7 +181,108 @@ RadioSet = new Roo.XComponent({ items : [ { xtype : 'Input', + allowBlank : false, + fieldLabel : _this._strings['015ae6f41d4b86ad13ac0fde840d2280'] /* Text Input */, name : 'text_name', + placeholder : _this._strings['9dffbf69ffba8bc38bc4e01abf4b1675'] /* Text */, + xns : Roo.bootstrap, + '|xns' : 'Roo.bootstrap' + } + ] + } + ] + }, + { + xtype : 'Row', + xns : Roo.bootstrap, + '|xns' : 'Roo.bootstrap', + items : [ + { + xtype : 'Column', + xs : 12, + xns : Roo.bootstrap, + '|xns' : 'Roo.bootstrap', + items : [ + { + xtype : 'Input', + allowBlank : false, + name : 'email_name', + placeholder : _this._strings['ce8ae9da5b7cd6c3df2929543a9af92d'] /* Email */, + regexText : 'This field should be an e-mail address in the format \"user@domain.com\"', + vtype : 'email', + xns : Roo.bootstrap, + '|xns' : 'Roo.bootstrap' + } + ] + } + ] + }, + { + xtype : 'Row', + xns : Roo.bootstrap, + '|xns' : 'Roo.bootstrap', + items : [ + { + xtype : 'Column', + xs : 12, + xns : Roo.bootstrap, + '|xns' : 'Roo.bootstrap', + items : [ + { + xtype : 'TextArea', + allowBlank : false, + name : 'text_area', + xns : Roo.bootstrap, + '|xns' : 'Roo.bootstrap' + } + ] + } + ] + }, + { + xtype : 'Row', + xns : Roo.bootstrap, + '|xns' : 'Roo.bootstrap', + items : [ + { + xtype : 'Column', + xs : 12, + xns : Roo.bootstrap, + '|xns' : 'Roo.bootstrap', + items : [ + { + xtype : 'CheckBox', + boxLabel : _this._strings['b09c9236a266cc99b2e790564b81cc70'] /* This is a checkbox */, + name : 'test1', + xns : Roo.bootstrap, + '|xns' : 'Roo.bootstrap' + } + ] + } + ] + }, + { + xtype : 'Row', + xns : Roo.bootstrap, + '|xns' : 'Roo.bootstrap', + items : [ + { + xtype : 'Column', + style : 'margin-top: 15px;', + xs : 12, + xns : Roo.bootstrap, + '|xns' : 'Roo.bootstrap', + items : [ + { + xtype : 'Button', + html : _this._strings['ad3d06d03d94223fa652babc913de686'] /* Validate */, + weight : 'primary', + listeners : { + click : function (_self, e) + { + _this.form.isValid(); + } + }, xns : Roo.bootstrap, '|xns' : 'Roo.bootstrap' }