ExtJs 4.2 xtype: 'fileuploadfield'如何设置值

最新推荐文章于 2021-02-23 12:23:01 发布
最新推荐文章于 2021-02-23 12:23:01 发布
阅读量2.2k 收藏 1
点赞数
分类专栏： ExtJS 文章标签： extjs 4.2 解决方案 文件上传回显
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wh13267207590/article/details/77854784
版权
一般会遇到这样的问题，当我上传文件成功后，我需要去修改或者查看文件的时候，发现上传文件框的空的，然后用setValue（）的方法去设置（或者回显文件名/文件路径）的时候，发现是设置不了的；用 setRawValue()方法可解决，亲试有效！
沙子揉碎在眼睛里
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
EXTjs4.2中文版
12-01
EXTjs4.2中文版是EXTjs框架的一个重要版本，EXTjs是一个强大的JavaScript库，专门用于构建用户界面，尤其适用于创建富互联网应用程序（Rich Internet Applications，简称RIA）。它以其组件化的设计理念，丰富的UI...
fileuploadfield 上传原文件名及原文件类型的取法
java的涟漪
06-04 4467
<br />在ext中fileuploadfield 组件提供了文件上传的功能，可是问题在于如果我们在后台用File取得上传的文件，ext会只给你一个缓存文件，也就是说原文件的信息不见了！那么如何取得原文件的信息呢？请看下面代码：<br />在JS中有这么一段代码：<br />{<br />           xtype:"fieldset",<br />           labelWidth:1,<br />           title:"导入XML",<br />           item
extjs6.5文件上传_ExtJS + fileuploadfield实现文件上传
weixin_39723678的博客
12-19 260
UploadForm =Ext.extend(Ext.Window,{constructor : function(a){Ext.applyIf(this,a);this.initUIComponents();UploadForm.superclass.constructor.call(this,{layout :'fit',modal :true,//遮罩层constrain :true,wid...
JS打开选择本地文件的对话框
阳光之线
05-07 6424
方法一： 在定义的form中添加以下javascript代码：     {               anchor : '95%',               xtype: 'fileuploadfield',               id: 'form-file',               emptyText: '请选择',               fieldLab
Ext 使用FileUploadField 上传文件 Uncaught SyntaxError: Unexpected token <
yulong_1988的博客
11-13 2060
最近在用 extjs3做一个项目，做到文件上传的功能的时候，测试发现在火狐浏览器下没问题，但是在google浏览器下就会报错的问题，具体错误见下面截图就是这个Uncaught SyntaxError: Unexpected token < at doDecode (ext-all-debug.js:4242)的 报错 经过我的调试，发现是extjs对 json的解析问题那么问题来了，之前我
extjs filefield java_ExtJS的FileUploadField组件上传多个文件
weixin_29011395的博客
02-23 740
一、在页面引入相关的JS文件Ext.ux.form.FileUploadField是ExtJS的文件上传组件，如果要使用它，可以从ExtJS的安装目录下的/examples/ux目录拷贝到项目中，然后在head里面引入js文件，比如放在网站的script目录下，可以这样写：当然，其他和ExtJS相关的JS文件和CSS文件照常引入。二、编写服务器端上传处理文件准备服务器端的上传处理文件，这里的后台处...
extjs 4.2 开发 参考书
05-17
ExtJS 4.2 是一个流行的JavaScript框架，用于构建富客户端Web应用程序。它提供了一套完整的组件库，包括数据管理、图表、表格、菜单、工具栏等，使得开发者能够创建功能丰富的、交互式的用户界面。这本书籍《ExtJS ...
MVC设计模式实战ExtJS4.2高级组件+SSH2在线投稿系统
01-15
01.教程简介_ExtJS4.2简介_SSH2基本框架搭建 02.编写几个通用的service方法、设计数据库 03.搭建ExtJS的MVC框架 04.主界面的搭建、登录功能和菜单树的生成 05.创建菜单树、前台保存用户信息 06.菜单树响应事件、我的...
EXTJS4.2学习入门教程
05-30
EXTJS4.2学习入门教程 EXTJS4.2学习入门教程 EXTJS4.2学习入门教程
Extjs的FileUploadField文件上传解决方案
Android开发之旅
04-28 6216
使用Extjs的FileUploadField插件上传文件，因为FileUploadField是ext的拓展插件所以在其api中是找不到其方法的，这个文件在extjs的examples文件夹下的ux中，所以在使用FileUploadField的时候必须将其引入过来才可以使用，在使用的过程中会出现一个问题就是，在页面中出现了两个上传按钮，这个是和ext的本身css的样式有关系，所以要将样式修改下： ...
Ext Form表单设置值
Time and time
12-25 859
form.getForm().setValues({ fieldName : value }); 通过构建一个json对象，传递到setValues中 fieldName 为form表单元素的name属性 value为要设置的值
ExtJS Form表单上传
WEBCODE
08-03 428
一、在页面引入相关的JS文件 Ext.ux.form.FileUploadField是ExtJS的文件上传组件，如果要使用它，可以从ExtJS的安装目录下的/examples/ux目录拷贝到项目中，然后在head里面引入js文件，比如放在网站的script目录下，可以这样写： &lt;script type="text/javascript"src="../ext-3.4.0/ux...
Ext3.x FileUploadField 上传文件 方法
yulong_1988的博客
07-12 1836
首先导入需要的 js和css<script type="text/javascript" src="../scripts/FileUploadField.js"></script> <link rel="stylesheet" type="text/css" href="../css/fileuploadfield.css"></link>前边js页面代码 fp = new Ext.
Ext.net 1.x FileUploadField限制MIME文件类型
qq_39609936的博客
07-31 505
在最新版(不太清楚是哪个版本添加了accpt属性)限制mime文件类型就比较简单只需要在Accept属性赋值即可，赋值方式和给HTML input 标签的 accpet一样 <ext:FileUploadField Accept="video/*" ID="fileUpload" runat="server" Text="上传" > </ext:FileUploadFi...
Ext.form.FileUploadField的重置的问题
wv112406的博客
11-09 460
text: '重置', style: 'position: relative; top: -15px;', handler: function(){ filePanel.getForm().reset(); }   上面这重置，不会清空，input type=file中的值，...
ExtJS4.2实例：表格（Grid）含联动的下拉列表（Combobox）
最新发布
06-09
好的，我会尝试回答你的问题。以下是一个 ExtJS4.2 实例，包含一个表格和一个带有联动下拉列表的列： ```javascript Ext.require([ 'Ext.grid.*', 'Ext.data.*', 'Ext.form.*' ]); Ext.onReady(function() { // 创建一个简单的数据存储 var store = Ext.create('Ext.data.Store', { fields: ['name', 'email', 'phone', 'department'], data: [ { 'name': 'Lisa', "email":"lisa@simpsons.com", "phone":"555-111-1224", "department": "Sales" }, { 'name': 'Bart', "email":"bart@simpsons.com", "phone":"555-222-1234", "department": "Marketing" }, { 'name': 'Homer', "email":"homer@simpsons.com", "phone":"555-222-1244", "department": "Engineering" }, { 'name': 'Marge', "email":"marge@simpsons.com", "phone":"555-222-1254", "department": "Support" } ] }); // 创建一个下拉框的存储 var departmentStore = Ext.create('Ext.data.Store', { fields: ['name'], data : [ { "name": "Sales" }, { "name": "Marketing" }, { "name": "Engineering" }, { "name": "Support" } ] }); // 创建一个表格 var grid = Ext.create('Ext.grid.Panel', { renderTo: Ext.getBody(), store: store, height: 250, width: 500, title: 'Employee Directory', columns: [ { header: 'Name', dataIndex: 'name' }, { header: 'Email', dataIndex: 'email', flex: 1 }, { header: 'Phone', dataIndex: 'phone' }, // 创建一个带有联动下拉列表的列 { header: 'Department', dataIndex: 'department', editor: { xtype: 'combobox', store: departmentStore, displayField: 'name', valueField: 'name', editable: false, forceSelection: true } } ], // 启用编辑功能 plugins: [ Ext.create('Ext.grid.plugin.CellEditing', { clicksToEdit: 1 }) ] }); }); ``` 这个例子中，我们创建了一个名为 `grid` 的表格，包含四个列：姓名、电子邮件、电话和部门。其中，部门列是一个带有联动下拉列表的列，该下拉列表的数据存储在 `departmentStore` 中。我们使用 `Ext.grid.plugin.CellEditing` 插件启用了编辑功能，从而允许用户编辑表格中的数据。 希望这个例子对你有所帮助！

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值