处理Extjs4 文件上传时若服务器出错带来的有关问题

最新推荐文章于 2021-08-10 03:48:27 发布

roszhaodan481

最新推荐文章于 2021-08-10 03:48:27 发布

阅读量393

点赞数

本文链接：https://blog.csdn.net/roszhaodan481/article/details/26701289

版权

处理Extjs4 文件上传时若 服务器出错带来的问题
一个典型的Extjs4上传文件表单：

Ext.define('org.allenz.UploadFormPanel', {
	extend : 'Ext.form.Panel',

	initComponent : function() {
		var states = Ext.create('Ext.data.Store', {
			fields : [ 'name', 'value' ],
			data : [ {
				name : '成功',
				value : 0
			}, {
				name : '失败',
				value : 1
			}, {
				name : '模拟<strong>服务器</strong>错误',
				value : 2
			} ]
		});

		var me = this;
		Ext.apply(me, {
			width : 300,
			height : 100,
			items : [ {
				xtype : 'filefield',
				fieldLabel : '上传<strong>文件</strong>',
				name : 'upload',
				buttonText : '浏览',
				allowBlank : false
			}, {
				xtype : 'combo',
				fieldLabel : '上传结果',
				name : 'state',
				allowBlank : false,
				store : states,
				displayField : 'name',
				valueField : 'value'
			} ],
			dockedItems : [ {
				xtype : 'toolbar',
				dock : 'bottom',
				ui : 'footer',
				items : [ '->', {
					text : '上传',
					scope : me,
					handler : me.onUpload
				} ]
			} ]
		});
		me.callParent(arguments);
	},

	onUpload : function() {
		var me = this;
		var form = me.getForm();
		if (!form.isValid()) {
			return;
		}
		// 浏览器提示
		Ext.Msg.show({
			msg : '正在上传...',
			width : 300,
			closable : false
		});
		form.submit({
			url : 'upload.do',
			scope : me,
			success : me.uploadSuccess,
			failure : me.uploa…………………………………………………………………………<p style="COLOR: red; FONT-SIZE: 16px"><strong>转载：<a target=_blank href="http://www.verydemo.com/demo_c113_i5826.html" target="_blank">http://www.verydemo.com/demo_c113_i5826.html</a></strong></p>