首页 > 其他分享 >Ext.form.HtmlEditor获取和清空数据的方法

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

时间:2023-09-07 12:04:45浏览次数:30  
标签:function HtmlEditor form text Ext 清空 var

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

相关文章

  • this.onMetaChange is undefined和Ext.Container.LAYOUTS[this.layout.toLowerCase()]
    由于现在公司所有项目开发要用ExtJS来做前台展示,所以不得不自学,不然就得面临被自我淘汰了。估计可能报同样的错但却不是同样的原因,不过保存下来还是可以作为下一次寻找原因的第一思路。^_^1、报错:this.onMetaChangeisundefinedhttp://localhost:8080/ExtStudy/extjs/ext-all.jsL......
  • spring中的bean使用注解创建,applicationContext.xml中需要写的内容,以及dao,service实
    2023-09-07applicationContext.xml<?xmlversion="1.0"encoding="UTF-8"?><beansxmlns="http://www.springframework.org/schema/beans"xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xmlns......
  • Time Matters Sequential Recommendation with Complex Temporal Information
    目录概符号说明TASERAbsoluteTemporalModuleRelativeTemporalModuleDecoderYeW.,WangS.,ChenX.,WangX.,QinZ.andYinD.TimeMatters:Sequentialrecommendationwithcomplextemporalinformation.SIGIR,2020.概Absolute+Relative信息,相对来说,在......
  • CMT:卷积与Transformers的高效结合
    论文提出了一种基于卷积和VIT的混合网络,利用Transformers捕获远程依赖关系,利用cnn提取局部信息。构建了一系列模型cmt,它在准确性和效率方面有更好的权衡。CMT:体系结构CMT块由一个局部感知单元(LPU)、一个轻量级多头自注意模块(LMHSA)和一个反向残差前馈网络(IRFFN)组成。 ......
  • Unity 编辑器资源导入处理函数 OnPostprocessTexture :深入解析与实用案例
    Unity编辑器资源导入处理函数OnPostprocessTexture用法点击封面跳转下载页面简介在Unity中,我们可以使用编辑器资源导入处理函数(OnPostprocessTexture)来自定义处理纹理资源的导入过程。这个函数是继承自AssetPostprocessor类的,通过重写这个函数,我们可以在纹理资源导入完成......
  • 如何隐藏mui TextField标签?
    要隐藏MUI(Material-UI)的TextField标签,您可以使用CSS来修改其样式。以下是一种可能的方法:为TextField添加一个自定义的CSS类名或ID,以便在CSS中进行样式修改。例如,假设您给TextField添加了custom-textfield类名:<TextFieldclassName="custom-textfield"label="L......
  • System.Threading.Tasks.Extensions介绍
    System.Threading.Tasks.Extensions是一个用于扩展.NET中任务(Task)的库,它提供了一些额外的功能,特别是在异步编程方面。这个库引入了一些新的方法和功能,包括:ConfigureAwait:它引入了ConfigureAwait方法,允许你在任务之间配置不同的上下文(例如,同步上下文或异步上下文),以便更好地......
  • Sublime Text 快捷键
    SublimeText快捷键Ctrl+D选中光标所占的文本,继续操作则会选中下一个相同的文本。Alt+F3选中文本按下快捷键,即可一次性选择全部的相同文本进行同时编辑。举个例子:快速选中并更改所有相同的变量名、函数名等。Ctrl+L选中整行,继续操作则继续选择下一行,效果和Shift+↓效......
  • Spring源码分析(十一)ApplicationContext详细介绍(上)
    在前面的文章中,已经完成了官网关于IOC内容核心的部分。包括容器的概念,Spring创建bean的模型BeanDefinition的介绍容器的扩展点(BeanFactoryProcessor,FactoryBean,BeanPostProcessor)以及最重要的bean的生命周期等。接下来大概还有花三篇文章完成对官网中第一大节的其他内容,之所以要......
  • OPTIONS.info_dict的tool_extensions取值过程分析
    1 首先在build/core/envsetup.mk中有:board_config_mk:=\$(strip$(wildcard\$(SRC_TARGET_DIR)/board/$(TARGET_DEVICE)/BoardConfig.mk\......