fieldset的getValues扩展方法

来源:互联网 发布:知乎电脑客户端下载 编辑:程序博客网 时间:2024/06/04 18:24
javascript] view plaincopy
  1. 群里有个人问有没有像form的getValues方法,可惜没有,于是就动手扩展了一个。一下是扩展方法的代码  
[javascript] view plaincopy
  1. Ext.override(Ext.form.FieldSet,  
  2.                                     {  
  3.                                         getValues: function (asString) {  
  4.                                             var self = this;  
  5.                                             var nform = document.createElement('form');  
  6.                                             document.appendChild(nform);  
  7.                                             nform.style.display = 'none';  
  8.                                             var fs = self.el.dom;  
  9.                                             nform.appendChild(fs.cloneNode(true));  
  10.                                             var fss = Ext.lib.Ajax.serializeForm(nform);  
  11.                                             document.removeChild(nform);  
  12.                                             if (asString) {  
  13.                                                 return fss;  
  14.                                             }  
  15.                                             return Ext.urlDecode(fss);  
  16.                                         }  
  17.                                     });  

使用例子:

[javascript] view plaincopy
  1. var form = new Ext.form.FieldSet({  
  2.                     title: 'form',  
  3.                     defaultType: 'textfield',  
  4.                     labelAlign: 'right',  
  5.                     labelWidth: 50,  
  6.                     buttonAlign: 'center',  
  7.                     frame: true,  
  8.                     width: 220,  
  9.                     items: [{  
  10.                         fieldLabel: '文本框',  
  11.                         name: 'field1',  
  12.                         value: 45  
  13.                     }, {  
  14.                         fieldLabel: '文本框',  
  15.                         name: 'field2',  
  16.                         value: 12  
  17.                     }],  
  18.                     buttons: [{  
  19.                         text: '按钮'  
  20.                     }]  
  21.                 });  
  22.                 form.render("form");  
  23.                 form.getValues();  
0 0
原创粉丝点击