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>