Ext.ux.UploadDialog.Dialog Ext上传

今天做项目做了个上传的功能，不过遇到好多问题，先在这做个笔记。。。。

先引入

   <link rel="stylesheet" type="text/css" href="<%=path %>/css/ext-all.css" />
<!-- GC -->
<!-- LIBS -->
<script type="text/javascript" src="<%=path %>/js/ext-base.js"></script>
<!-- ENDLIBS -->
<script type="text/javascript" src="<%=path %>/js/ext-all.js"></script>
<script type="text/javascript" src="<%=path %>/js/ext-lang-zh_CN.js"></script>

<script type="text/javascript" src="<%=path %>/js/UploadDialog/Ext.ux.UploadDialog.js"></script>

<script type="text/javascript" src="<%=path %>/js/UploadDialog/Ext.ux.UploadDialog.packed.js"></script>

    <link rel="stylesheet" type="text/css" href="<%=path %>/css/ext-all.css" />
	<!-- GC -->
	<!-- LIBS -->
	<script type="text/javascript" src="<%=path %>/js/ext-base.js"></script>
	<!-- ENDLIBS -->
	<script type="text/javascript" src="<%=path %>/js/ext-all.js"></script>
	<script type="text/javascript" src="<%=path %>/js/ext-lang-zh_CN.js"></script>
		
	<script type="text/javascript" src="<%=path %>/js/UploadDialog/Ext.ux.UploadDialog.js"></script>
		
	<script type="text/javascript" src="<%=path %>/js/UploadDialog/Ext.ux.UploadDialog.packed.js"></script>

Ext代码:

   /**
    * 文件上传
    */
   function insertImages()
{
    var editId=Ext.getCmp('queId').getValue();
    //alert('../files.do?method=addFile&type=ntc&tmpId='+useId+'&isupdate='+isupdate+'&editId='+editId);
    dialog = new Ext.ux.UploadDialog.Dialog({
          title: '文件上传',
          url:paths+'/files.do?method=addFile&type=que&tmpId='+useId+'&isupdate='+isupdate+'&editId='+editId,
          width : 450,
          height : 300,
          minWidth : 450,
          minHeight : 300,
          draggable : true,
          resizable : true,
          //autoCreate: true,
          constraintoviewport: true,
          permitted_extensions:['ZIP','zip','DOC','doc','XLS','xls','TXT','txt','RAR','rar','JPG','jpg','GIF','gif','PNG','png'],
          modal: true,
          //post_var_name: 'mms',
          post_var_name: 'upload',
          reset_on_hide: false,
          allow_close_on_upload: true,   //关闭上传窗口是否仍然上传文件
          upload_autostart: true
    });
    dialog.show();//'show-button'
    dialog.on('uploadsuccess', onUploadSuccess);
}


function onUploadSuccess(dialog, filename, resp_data, record){
                var queId='';
                if(isupdate==1)
                    queId=useId;
                if(isupdate==2)
                    queId=Ext.getCmp('queId').getValue();
                fileDs.load({
                    params: {
                        findId: queId,
                        type:'que',
                        isupdate:isupdate
                            }
                });
}

    /**
     * 文件上传
     */
    function insertImages() 
	{ 
		var editId=Ext.getCmp('queId').getValue();
		//alert('../files.do?method=addFile&type=ntc&tmpId='+useId+'&isupdate='+isupdate+'&editId='+editId);
    	dialog = new Ext.ux.UploadDialog.Dialog({ 
	          title: '文件上传',  
	          url:paths+'/files.do?method=addFile&type=que&tmpId='+useId+'&isupdate='+isupdate+'&editId='+editId,  
	          width : 450, 
	          height : 300, 
	          minWidth : 450, 
	          minHeight : 300, 
	          draggable : true, 
	          resizable : true, 
	          //autoCreate: true,    
	          constraintoviewport: true,  
	          permitted_extensions:['ZIP','zip','DOC','doc','XLS','xls','TXT','txt','RAR','rar','JPG','jpg','GIF','gif','PNG','png'],    
	          modal: true, 
	          //post_var_name: 'mms', 
	          post_var_name: 'upload', 
	          reset_on_hide: false,  
	          allow_close_on_upload: true,   //关闭上传窗口是否仍然上传文件 
	          upload_autostart: true   
	    }); 
    	dialog.show();//'show-button' 
    	dialog.on('uploadsuccess', onUploadSuccess); 
	} 


	function onUploadSuccess(dialog, filename, resp_data, record){   
	  				var queId='';
					if(isupdate==1)
						queId=useId;
					if(isupdate==2)
						queId=Ext.getCmp('queId').getValue();
					fileDs.load({
						params: {
							findId: queId,
							type:'que',
							isupdate:isupdate
								}
					});
	}

Ext.ux.UploadDialog中的其它事件函数[转载自http://wayfoon.iteye.com/blog/432541]
    * filetest - fires before file is added into the queue, parameters:
      dialog - reference to dialog
      filename - file name
      If handler returns false then file will not be queued.
    * fileadd - fires when file is added into the queue, parameters:
      dialog - reference to dialog
      filename - file name
    * fileremove - fires when file is removed from the queue, parameters:
      dialog - reference to dialog
      filename - file name
      record - file record
    * resetqueue - fires when upload queue is resetted, parameters:
      dialog - reference to dialog
    * beforefileuploadstart - fires when file as about to start uploading:
      dialog - reference to dialog
      filename - uploaded file name
      record - file record
      If handler returns false then file upload will be canceled.
    * fileuploadstart - fires when file has started uploading:
      dialog - reference to dialog
      filename - uploaded file name
      record - file record
    * uploadsuccess - fires when file is successfuly uploaded, parameters:
      dialog - reference to dialog
      filename - uploaded file name
      data - js-object builded from json-data returned from upload handler response.
      record - file record
    * uploaderror - fires when file upload error occured, parameters:
      dialog - reference to dialog
      filename - uploaded file name
      data - js-object builded from json-data returned from upload handler response.
      record - file record
    * uploadfailed - fires when file upload failed, parameters:
      dialog - reference to dialog
      filename - failed file name
      record - file record
    * uploadcanceled - fires when file upload canceled, parameters:
      dialog - reference to dialog
      filename - failed file name
      record - file record
    * uploadstart - fires when upload process starts, parameters:
      dialog - reference to dialog
    * uploadstop - fires when upload process stops, parameters:
      dialog - reference to dialog
    * uploadcomplete - fires when upload process complete (no files to upload left), parameters:
      dialog - reference to dialog