`
wangs7345
  • 浏览: 11797 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

ExtJs 清空inputType : 'file'内容

阅读更多

例如:

 

	var fileField = new Ext.form.TextField({
				text : "浏览",
				id : 'xlsFile',
				name : 'xlsFile',
				inputType : 'file',
				width : 200
			});

 

对于inputType : 'file'的TextField在使用form.reset()的时候不能将文本框的路径给清除掉,

可以用如下方法来清空:

 

		var obj = document.getElementById("xlsFile");
		obj.outerHTML = obj.outerHTML;

 

 

同时,不能用Ext.getCmp('xlsFile').getValue()或fileField. getValue()来取值,

不然还会取到原先选择的文件路径,


需要用document.getElementById('xlsFile').value或Ext.get('xlsFile').dom.value来取值。

 

PS

1、也可以根据组件所在的form通过form.form.getEl().dom.reset();、form.getForm().reset();form.getForm().getEl().dom.reset();方法进行清除;

2、关于outerHTML和innerHTML以及innerText的区别直接移师:点我

永久链接: http://wangs7345.iteye.com/blog/2087589

分享到:
评论

相关推荐

    ExtJS-3.4.0系列:Ext.TabPanel

    在本文中,我们将深入探讨ExtJS中的`Ext.TabPanel`组件,它是创建多标签界面的核心元素。`Ext.TabPanel`允许开发者在单个容器中组织多个面板或视图,每个面板都有自己的标题,并且可以通过标签页进行切换。让我们...

    extjs.form.file inputtype为“file”时无法用setValue方法赋值的解决方法

    NULL 博文链接:https://liyoro.iteye.com/blog/829896

    ExtJs 带清空功能的日期组件

    然而,标准的ExtJs DateField并未内置清空日期的功能,这可能会在某些应用场景中造成不便。为了解决这个问题,我们需要自定义一个扩展,为日期组件添加清空日期的能力。 首先,我们来了解一下ExtJs的DateField基本...

    ExtJs框架系列之filetree 源码

    2. **异步加载**:FileTree支持异步加载,这意味着当用户展开一个文件夹时,只会在需要时加载其内容,减少了初始加载的数据量。 3. **拖放操作**:通过Ext.dd.DragDropManager,FileTree实现了拖放功能,允许用户...

    input file的默认value清空与赋值方法

    关于`input file`的默认value清空与赋值方法,这里涉及到的是网页编程中的一个特定知识点。由于出于安全性考虑,JavaScript默认不允许直接修改`input`元素中的`file`类型的value值。但是,我们仍然有一些技巧性的...

    extJs3升级extjs4方案

    ExtJS3 升级到 ExtJS4 方案 ExtJS3 升级到 ExtJS4 需要修改大量代码,主要是因为 ExtJS4 配备了一类新的系统,不向后兼容。在 ExtJS 3 里生成表的几个框架组件,ExtJS4 大多生成 div,这使得 CSS classes 将会失败...

    extjs上传全代码

    通过配置`inputType: 'file'`,可以在表单中添加一个文件选择控件。 3. **Upload Button**: 为了触发文件上传,我们需要一个按钮来启动上传过程。EXTJS提供了一种机制,可以监听按钮的点击事件,并调用相关的处理...

    eclipse-ExtJs插件

    eclipse-ExtJs插件。 应该是目前写js和ExtJs最好的工具。 先到http://www.easyjf.com/上下载ExtJS2.0。 说明: 1,将下载的压缩包解压到eclipse的安装目录,完成后重启(自动会加载插件,也可CMD ECLIPSE目录 使用...

    ExtJS4-Examples:extjs web应用开发指南源码项目收藏

    ExtJS4-Examples:extjs web应用开发指南源码项目收藏

    ExtJs数据删除和清空封装

    最后,附上的`ExtJs.png`可能是对这一过程的可视化示例,但因无法查看具体图像,这部分内容无法详细阐述。总的来说,理解和掌握如何在ExtJs中进行数据删除和清空,对于提升开发效率和代码质量至关重要。

    ExtJS upload file

    ExtJS 是一个强大的JavaScript库,专门用于构建富客户端应用程序。在Web开发中,文件上传功能是常见的需求之一,而ExtJS 提供了丰富的组件和API来实现这一功能。本实例聚焦于利用ExtJS进行文件上传操作,结合了...

    extjs代码提示

    ExtJS是一种基于JavaScript的前端框架,用于构建交互式的Web应用程序。它提供了丰富的组件库、数据绑定机制和强大的布局管理,使开发者能够创建功能强大的用户界面。Spket是一款强大的JavaScript开发工具,它支持...

    Extjs之Eclipse及spket的开发环境的搭建

    ### Extjs之Eclipse及spket的开发环境的搭建 #### 一、了解Extjs及其重要性 **Extjs**是一种强大的开源JavaScript框架,用于构建交互式Web应用程序。它简化了复杂的用户界面(UI)组件的创建过程,并提供了一套...

    extjs前台设计工具

    extjs前台设计工具:不错的前台设计工具,使用起来很方便。web应用设计前台工具首选。

    extjs5-jasmine:使用 ExtJS5 进行 Jasmine 单元测试

    extjs5-茉莉花关于煎茶的重要说明要使用此代码,您需要 SC15 目录中的 EXTJS5 版本。 由于 EXTJS 带有自己的商业许可证,因此不包括在本发行版中。 在使用本作品之前,您需要获得自己的 EXTJS 副本。 本作品还包括 ...

    ExtJS-ActivityMonitor:ExtJS应用程序的活动用户跟踪

    ExtJS-ActivityMonitor Ext.ux.ActivityMonitor()是旨在与ExtJS 4.x,5.x,6.x一起使用的实用程序类ActivityMonitor()监视浏览器的BODY元素是否有鼠标移动和击键-一种判断用户是否正在积极查看您的Web应用程序的...

    extjs-node:在NodeJS上运行的ExtJS4

    完整的库,包括一个可以在NodeJS上运行的适配器 不需要DOM 使用原始的Ext.require函数(工作依赖系统) 安装:npm install extjs-node 用法: require ( "extjs-node" ) ;... type : 'memory'

    extjs4-ckeditor:在 ExtJS 4.x 中使用 CKEditor

    ExtJS 4.x + CKEditor 这是一个简单的页面,它使用了 ExtJS 中使用的的包装器。如何使用(非MVC) 请参阅包含的示例 index.html 文件。如何使用 (MVC) 通过本地下载的副本或通过 CKEditor CDN 包含 CKEditor。 将 js...

Global site tag (gtag.js) - Google Analytics