先引入
- ???<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 ,??? //關(guān)閉上傳窗口是否仍然上傳文件? ??
- ??????????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, //關(guān)閉上傳窗口是否仍然上傳文件
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中的其它事件函數(shù)[轉(zhuǎn)載自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
更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索:z360901061
微信掃一掃加我為好友
QQ號(hào)聯(lián)系: 360901061
您的支持是博主寫作最大的動(dòng)力,如果您喜歡我的文章,感覺(jué)我的文章對(duì)您有幫助,請(qǐng)用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點(diǎn)擊下面給點(diǎn)支持吧,站長(zhǎng)非常感激您!手機(jī)微信長(zhǎng)按不能支付解決辦法:請(qǐng)將微信支付二維碼保存到相冊(cè),切換到微信,然后點(diǎn)擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對(duì)您有幫助就好】元

