先引入
- ???<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
更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索:z360901061

微信掃一掃加我為好友
QQ號聯系: 360901061
您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元
