Ext.form.HtmlEditor获取和清空数据的方法

下面是从网上拷的一段代码,主要是对其进行注解以便理解Ext.form.HtmlEditor获取和清空数据的方法

<script>

02. var faxWin;
03. Ext.onReady(function() {
04.     var form2 = new Ext.form.FormPanel({
05.         labelAlign: 'top',
06.         frame:true,
07.         title: '邮件',
08.         bodyStyle:'padding:5px 5px 0',
09.         width: 700,
10.         hight:400,
11.         items: [{
12.             layout:'column',
13.             items:[{
14.             xtype:'htmleditor', // Ext.form.HtmlEditor
15.             id:'bio',   //对清空方法使用到的属性
16.             name: 'editor',
17.             fieldLabel:'内容',
18.             autoHeight: true,
19.             anchor:'98%'
20.         }]
21.         }],
22.         buttons: [{
23.             text: '取得内容并发送邮件',
24.              handler:function(){
                    //根据名称获取内容
                    //方法一:采用DOM方法
25.                  var text = document.getElementsByName("editor")[0].value; 
26.                  alert(text)
                    var re = /(<p>)(&nbsp;)+(<//p>)/g;
                    //方法二:采用Ext提供的方法
                                 var content = Ext.getDom('editor').value;
                    content = content.replace(re,"");
27.              }
28.         },{
29.             text: '接收邮件并显示内容',
30.              handler:function(){
31.              alert('清空')
32.                              //清空内容
33.                Ext.getCmp("bio").setValue('');
34.              }
35.         },{
36.             text: '关闭',
37.              handler:function(){
                  //隐藏窗口
38.               faxWin.hide();
39.              }
40.         }]
41.     });
42.     var window = new Ext.Window({
43.         title: '传真邮件窗口',
44.         width: 710,
45.         autoHeight: true,
46.         layout: 'fit',
47.         plain:true,
48.         bodyStyle:'padding:5px;',
49.         buttonAlign:'center',
50.         closeAction: 'hide',
51.         items: form2
52.        });
53.        faxWin = window;
54.        window.hide();
55.        faxWin.show();
56.     });
57. </script>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值