Ext.ux.UploadDialogの使用
最近Ext.uxを使用しています.UploadDialog、以下をまとめます.
1.Ext.uxをインポートする.UploadDialogパッケージ
注意パッケージにはzh_が含まれていませんCN.utf-8.js、自分で中国文化の
2、アップロードファイルを作成するダイアログコード
注:コミット時にデフォルトでコミットされるファイル名はfileでpost_を変更できます.var_name:'fileName'修正
3、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
1.Ext.uxをインポートする.UploadDialogパッケージ
<link rel="stylesheet" type="text/css" href="<c:url value="/widgets/UploadDialog/css/Ext.ux.UploadDialog.css"/>">
<script type="text/javascript" src="<c:url value="/widgets/UploadDialog/Ext.ux.UploadDialog.js"/>"></script>
<script type="text/javascript" src="<c:url value="/widgets/UploadDialog/Ext.ux.UploadDialog.packed.js"/>"></script>
<script type="text/javascript" src="<c:url value="/widgets/UploadDialog/locale/zh_CN.utf-8.js"/>"></script>
注意パッケージにはzh_が含まれていませんCN.utf-8.js、自分で中国文化の
2、アップロードファイルを作成するダイアログコード
function uploadSw(){
var dialog = new Ext.ux.UploadDialog.Dialog({
url: 'swUpload.shtml?method=uploadFile',
reset_on_hide: false,
permitted_extensions:['gz'],
allow_close_on_upload: true,
upload_autostart: false,
title:' '
});
//dialog.show('show-button');
dialog.show();
dialog.on('uploadsuccess', onUploadSuccess);
}
function onUploadSuccess(dialog, filename, resp_data, record){
//
}
注:コミット時にデフォルトでコミットされるファイル名はfileでpost_を変更できます.var_name:'fileName'修正
3、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