`

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

阅读更多

出于安全原因,file是不支持赋值的,用扩展组件Ext.ux.form.FileUploadField可以解决这个问题。

主要代码如下:

 

 

Ext.onReady(function(){
	var uxfile = new Ext.ux.form.FileUploadField({
		width: 400
	})
		    
    var p = new Ext.Panel({
        title: 'My Panel',
        collapsible:true,
        renderTo: 'panel-basic',
        width:600,
        items:[
			uxfile
        ]
    });
    
	uxfile.setValue('aaa');    //赋值
});

 

 

附件里是简单的测试例子,用extjs 3.0实现的,用eclipse打开运行index.html可以看到效果

 

分享到:
评论
3 楼 Lixh1986 2013-09-09  
谢谢,问题解决了。就是这样搞。

2 楼 wubo2qml 2012-12-04  
貌似做不到直接赋值
1 楼 yangying1221 2011-01-20  
这个太难看了,在中间还有一个可以看见的框体啊,这个应该怎么改正啊?
而且这个不是真正的给type=file赋值,只是把file的值显示到另一边而已,连清空都没有,我只能说,这个有欺骗的嫌疑。。

相关推荐

    extjs-Ext.ux.form.LovCombo下拉框

    在EXTJS框架中,`Ext.ux.form.LovCombo`是一种自定义组件,它扩展了基本的`Ext.form.field.ComboBox`,提供了更丰富的功能,尤其是针对多选和联动选择的需求。这个组件通常用于创建具有“lov”(即“Look Up Value”...

    extjs.zip包

    使用EXTJS.zip包进行开发时,你需要先解压缩文件,然后在项目中引用EXTJS的JavaScript和CSS文件,接着就可以利用其组件和API来创建你的应用。对于初次接触EXTJS的开发者,建议从官方文档和示例开始,逐步掌握其基本...

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

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

    ExtJs.part2.rarExtJs.part2.rarExtJs.part2.rar

    ExtJs.part2.rarExtJs.part2.rarExtJs.part2.rarExtJs.part2.rarExtJs.part2.rarExtJs.part2.rarExtJs.part2.rarExtJs.part2.rarExtJs.part2.rarExtJs.part2.rarExtJs.part2.rarExtJs.part2.rarExtJs.part2.rarExtJs...

    Extjs3.4+Ext-core.pdf+轻松搞定Extjs.pdf

    本资源包包含了与ExtJS 3.4相关的学习资料,包括`Ext-core.pdf`、`轻松搞定Extjs.pdf`以及`Extjs学习笔记.docx`,旨在帮助初学者或有经验的开发者更好地理解和掌握ExtJS 3.4。 `Ext-core.pdf` 是关于Ext Core的文档...

    js.rar_extjs jar_extjs.jar

    综上所述,这个压缩包为Java开发者提供了方便的途径来集成和使用ExtJS库,不仅包含JavaScript源文件,还可能有一个预编译的Java版库,方便在服务器端操作。同时,提供的不同版本和本地化文件满足了开发和多语言需求...

    extjs-form组件配置参数详解

    - **inputType**: 输入框的类型,默认为`text`。 - **invalidClass**: 字段无效时的CSS类,默认为`x-form-invalid`。 - **invalidText**: 字段无效时的提示文本。 - **msgTarget**: 错误信息的显示位置,默认为`qtip...

    extjs 轻松搞定EXTJS.pdf +很多DEMO 案例

    extjs 轻松搞定EXTJS.pdf +很多DEMO 高清 高质量 案例

    ExtJS.in.Action

    第三章“Events, Components, and Containers”深入讨论了ExtJS中的事件处理机制,组件和容器的概念及其使用方法。这三者是ExtJS框架的核心组成部分,了解它们的工作原理对于有效地开发Web应用至关重要。例如,事件...

    extjs属性方法大全

    ### Extjs 属性方法详解 #### 一、`Ext.form.Action` 类 `Ext.form.Action` 是用于处理表单操作的类,主要包括提交和加载数据的功能。 - **属性:** - `success`: 表示操作成功时的回调函数。 - `failure`: ...

    Extjs3.x入门学习

    ExtJS 是一个强大的JavaScript库,主要用于构建富客户端的Web应用程序。在3.x版本中,它提供了丰富的用户界面组件和强大的数据绑定机制。本篇将基于"Extjs3.x入门学习"这一主题,深入探讨相关知识点。 1. **EXT_JS...

    ExtJs.part1.rarExtJs.part1.rar

    ExtJs.part1.rarExtJs.part1.rarExtJs.part1.rarExtJs.part1.rarExtJs.part1.rar

    ASP.NET EXTJS 员工管理实例源码、注释详细

    概况:这个实例的开发工具为 vs2010,数据库为 sqlserver2008,数据库设计pd16。以下是对文件的详细说明: 解压文件 Asp.Net_VS2010_ExtJsDemo.zip夹后 会有以下3个文件夹: 00 ExtJs.Doc 01 ExtJs.SourceCode 02 ...

    Packt.Publishing.Learning.ExtJS.2008

    《Packt.Publishing.Learning.ExtJS.2008》这本书是针对ExtJS框架的一份详细教程,旨在帮助开发者深入理解和应用ExtJS进行Web应用程序开发。ExtJS是一款强大的JavaScript库,它提供了丰富的用户界面组件和数据管理...

    ExtJs 带清空功能的日期组件

    我们需要覆盖DateField的reset方法,使其在清空时将日期值设置为空。 ```javascript Ext.override(MyApp.form.field.ClearableDate, { reset: function() { this.setValue(null); this.callParent(); } }); ``...

    ExtJs.part3.rarExtJs.part3.rar

    ExtJs.part3.rarExtJs.part3.rarExtJs.part3.rarExtJs.part3.rarExtJs.part3.rarExtJs.part3.rarExtJs.part3.rarExtJs.part3.rar

    EXTJS.GRIDPANEL 日期格式

    在深入探讨ExtJS.GridPanel中的日期格式设置之前,我们首先简要回顾一下ExtJS是什么以及GridPanel组件的基本功能。ExtJS是一个用JavaScript编写的开源框架,用于构建交互式的Web应用程序,它提供了丰富的UI组件和...

    extjs.ux.uploaddialog

    总之,`Ext.ux.UploadDialog`是一个强大且易于使用的文件上传解决方案,它结合了ExtJS的灵活性和易用性,为开发者提供了构建高效、用户友好的文件上传功能。无论是在企业级应用还是个人项目中,它都是一个值得考虑的...

    Packt.Publishing.Learning.ExtJS.2008.rar

    《Learning ExtJS 2008》是由Packt Publishing出版的一本关于ExtJS框架的教程。这本书详细介绍了如何使用ExtJS构建富客户端Web应用程序。ExtJS是一个强大的JavaScript库,用于创建用户界面,它提供了丰富的组件和...

Global site tag (gtag.js) - Google Analytics