下面是从网上拷的一段代码,主要是对其进行注解以便理解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>)( )+(<//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>
标签:function,HtmlEditor,form,text,Ext,清空,var
From: https://blog.51cto.com/u_2544485/7395609