首页 > 代码库 > ExtJS 中文件上传控件
ExtJS 中文件上传控件
1 Ext.onReady(function(){ 2 var fileUpload = new Ext.FormPanel({ 3 id:‘fileUpload‘, 4 frame:true, 5 fileUpload:true, 6 items:[{ 7 xtype:‘textfield‘, 8 labelStyle : ‘text-align:right;‘, 9 allowBlank:false,10 fieldLabel:‘选择文件‘,11 inputType:‘file‘,12 name:‘fileName‘,13 width:20014 }15 ],16 buttonAlign:‘center‘,17 buttons:[{18 text:‘上传‘,19 handler:function(){20 if(fileUpload.form.isValid()){21 fileUpload.form.submit({22 method:‘post‘,23 url:‘DefaultUrl‘,//根据自己系统的需要调用程序处理上传文件24 waitMsg:‘文件上传中...‘,25 success: function() {26 Ext.Msg.alert("系统提示", "文件上传成功!");27 },28 failure: function() {29 Ext.Msg.alert("系统提示", "文件上传失败!");30 }31 });32 }else{33 Ext.Msg.alert("系统提示","请选择文件后再上传!");34 }35 }36 },{37 text:‘取消‘,38 handler:function(){39 winFielUpload.hide();40 }41 }42 ]43 });44 var winFielUpload=new Ext.Window({45 id:‘win‘,46 title:‘文件上传‘,47 //****renderTo:‘divWindow‘,//对于window不要使用renderTo属性,只需要调用show方法就可以显示,添加此属性会难以控制其位置48 width:350,49 closeAction:‘hide‘,//close缺省的动作是从DOM树中移除window并彻底加以销毁, hide隐藏50 height:105,51 layout:‘fit‘,52 autoDestory:true,53 modal:true,54 closeAction:‘hide‘,55 items:[56 fileUpload57 ]58 }).show();59 });
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。