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