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

本文介绍了一段使用ExtJs框架实现的HtmlEditor组件代码示例,详细展示了如何通过该组件获取和清空富文本编辑器的内容。文章中包含了两种获取编辑器内容的方法,并提供了一个简单的例子来演示如何清空编辑器。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

下面是从网上拷的一段代码,主要是对其进行注解以便理解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>
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值