热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

extjs文件上传对话框显示后,页面出现空白的问题

extjs文件上传对话框显示后,页面出现空白的,之前的写法是整个panel用Ext.form.panel,修改为只有文件上传部分的控件用ext.form.panel包含,整个页面用Ext.p
extjs 文件上传对话框显示后,页面出现空白的,之前的写法是整个panel用Ext.form.panel,

修改为只有文件上传部分的控件用ext.form.panel包含,整个页面用Ext.panel.panel包含,

可以避免这个问题。


 1 Ext.define('MyApp.view.MyPanel', {
 2     extend: 'Ext.panel.Panel',
 3 
 4     height: 375,
 5     width: 557,
 6     layout: {
 7         type: 'border'
 8     },
 9     title: 'My Panel',
10 
11     initComponent:  function() {
12          var me =  this;
13 
14         Ext.applyIf(me, {
15             items: [
16                 {
17                     xtype: 'gridpanel',
18                     title: 'My Grid Panel',
19                     region: 'center',
20                     columns: [
21                         {
22                             xtype: 'gridcolumn',
23                             dataIndex: 'string',
24                             text: 'String'
25                         },
26                         {
27                             xtype: 'numbercolumn',
28                             dataIndex: 'number',
29                             text: 'Number'
30                         },
31                         {
32                             xtype: 'datecolumn',
33                             dataIndex: 'date',
34                             text: 'Date'
35                         },
36                         {
37                             xtype: 'booleancolumn',
38                             dataIndex: 'bool',
39                             text: 'Boolean'
40                         }
41                     ],
42                     viewConfig: {
43 
44                     }
45                 },
46                 {
47                     xtype: 'container',
48                     height: 110,
49                     layout: {
50                         type: 'border'
51                     },
52                     region: 'north',
53                     items: [
54                         {
55                             xtype: 'form',
56                             bodyPadding: 10,
57                             title: '',
58                             region: 'center',
59                             items: [
60                                 {
61                                     xtype: 'filefield',
62 id:'upfile',//需要通过ID,获得控件的form,在执行提交动作
63                                     width: 534,
64                                     fieldLabel: 'Label',
65                                     anchor: '100%'
66                                 },
67                                 {
68                                     xtype: 'button',
69                                     text: 'MyButton'
70                                 }
71                             ]
72                         }
73                     ]
74                 }
75             ]
76         });
77 
78         me.callParent(arguments);
79     }
80 
81 });

 

Ext.getCmp('upfile').getForm().submit({   
            waitTitle : '系统提示',
            waitMsg : '正在上传,请等待...',// 动作发生期间显示的文本信息
            url: 'Fileupload.aspx',//fileUploadServlet   
            method : 'POST',// 表单提交方式
            params : request,
            success: onSuccess,
            failure: onFailure
    });   
 

 

 


推荐阅读
  • 开发笔记:UEditor调用上传图片上传文件等模块
    1、引入ue相关文件,写好初始代码为了更好的封装整一个单独的插件,这里我们要做到示例化ue后隐藏网页中的编辑窗口,并移除焦点。 ... [详细]
  • 基于layUI的图片上传前预览功能的2种实现方式
    本文介绍了基于layUI的图片上传前预览功能的两种实现方式:一种是使用blob+FileReader,另一种是使用layUI自带的参数。通过选择文件后点击文件名,在页面中间弹窗内预览图片。其中,layUI自带的参数实现了图片预览功能。该功能依赖于layUI的上传模块,并使用了blob和FileReader来读取本地文件并获取图像的base64编码。点击文件名时会执行See()函数。摘要长度为169字。 ... [详细]
  • 本文介绍了一个免费的asp.net控件,该控件具备数据显示、录入、更新、删除等功能。它比datagrid更易用、更实用,同时具备多种功能,例如属性设置、数据排序、字段类型格式化显示、密码字段支持、图像字段上传和生成缩略图等。此外,它还提供了数据验证、日期选择器、数字选择器等功能,以及防止注入攻击、非本页提交和自动分页技术等安全性和性能优化功能。最后,该控件还支持字段值合计和数据导出功能。总之,该控件功能强大且免费,适用于asp.net开发。 ... [详细]
  • Gitlab接入公司内部单点登录的安装和配置教程
    本文介绍了如何将公司内部的Gitlab系统接入单点登录服务,并提供了安装和配置的详细教程。通过使用oauth2协议,将原有的各子系统的独立登录统一迁移至单点登录。文章包括Gitlab的安装环境、版本号、编辑配置文件的步骤,并解决了在迁移过程中可能遇到的问题。 ... [详细]
  • AFNetwork框架(零)使用NSURLSession进行网络请求
    本文介绍了AFNetwork框架中使用NSURLSession进行网络请求的方法,包括NSURLSession的配置、请求的创建和执行等步骤。同时还介绍了NSURLSessionDelegate和NSURLSessionConfiguration的相关内容。通过本文可以了解到AFNetwork框架中使用NSURLSession进行网络请求的基本流程和注意事项。 ... [详细]
  • 在tp5项目中引入ueditor编辑器并实例化后插入图片出现目录创建失败问题在查看网络上各种解决方案之后总结如下:根据官网提示主要是因为图片保存的路径无权限导致,官方文档链接:ht ... [详细]
  • 我用Tkinter制作了一个图形用户界面,有两个主按钮:“开始”和“停止”。请您就如何使用“停止”按钮终止“开始”按钮为以下代码调用的已运行功能提供建议 ... [详细]
  • 校园表白墙微信小程序,校园小情书、告白墙、论坛,大学表白墙搭建教程
    小程序的名字必须和你微信注册的名称一模一样在后台注册好小程序。mp.wx-union.cn后台域名https。mp.wx-union.cn ... [详细]
  • fileuploadJS@sectionscripts{<scriptsrc~Contentjsfileuploadvendorjquery.ui.widget.js ... [详细]
  • FeatureRequestIsyourfeaturerequestrelatedtoaproblem?Please ... [详细]
  • C#多线程解决界面卡死问题的完美解决方案
    当界面需要在程序运行中不断更新数据时,使用多线程可以解决界面卡死的问题。一个主线程创建界面,使用一个子线程执行程序并更新主界面,可以避免卡死现象。本文分享了一个例子,供大家参考。 ... [详细]
  • 本文介绍了使用FormData对象上传文件同时附带其他参数的方法。通过创建一个表单,将文件和参数添加到FormData对象中,然后使用ajax发送POST请求进行文件上传。在发送请求时,需要设置processData为false,告诉jquery不要处理发送的数据;同时设置contentType为false,告诉jquery不要设置content-Type请求头。 ... [详细]
  • 俗话说,好记性不如烂笔头,这些东西也都是我Google来的,做个笔记以后自己安装也方便些。因为官方wiki的BeginnersGuide讲的非常好,大部分步骤按照wiki一步一步来就 ... [详细]
  • 动量|收益率_基于MT策略的实战分析
    篇首语:本文由编程笔记#小编为大家整理,主要介绍了基于MT策略的实战分析相关的知识,希望对你有一定的参考价值。基于MT策略的实战分析 ... [详细]
  • Java大文件HTTP断点续传到服务器该怎么做?
    最近由于笔者所在的研发集团产品需要,需要支持高性能的大文件http上传,并且要求支持http断点续传。这里在简要归纳一下,方便记忆 ... [详细]
author-avatar
淘宝_韩版女装铺
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有