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>)( )+(<//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>