| MVC Classic ウィジェット > Wijupload > Wijupload チュートリアル > 手順 2：ウィジェットの初期化 |
前の手順では、〈Upload Files〉ボタンとプログレスバーが表示される場所を決定するマークアップを追加しました。ここでは、ウィジェットを初期化する jQuery スクリプトを追加できます。
前の手順で追加した終了の </div> タグの後に、次の jQuery スクリプトを入力し、wijupload と wijprogressbar ウィジェットを初期化します。
| ソースビュー |
コードのコピー
|
|---|---|
<script id="scriptInit" type="text/javascript">
var supportXhr;
$(document).ready(function () {
var progressbar = $("#progressbar");
var upload = $("#upload").wijupload({
change: function (e, data) {
},
upload: function (e, data) {
},
totalUpload: function () {
progressbar.show();
},
complete: function (e, data) {
},
totalComplete: function () {
progressbar.fadeOut(1500, function () {
if (supportXhr) {
$("#progressbar").wijprogressbar("option", "value", 0);
}
});
},
totalProgress: function (e, data) {
if (supportXhr) {
$("#progressbar").wijprogressbar("option", "maxValue", data.total);
$("#progressbar").wijprogressbar("option", "value", data.loaded);
}
},
action: "@Url.Content("~/Content/Upload/upload.ashx")"
});
supportXhr = $("#upload").wijupload("supportXhr");
if (supportXhr) {
progressbar.wijprogressbar({ value: 0 });
} else {
progressbar.addClass("Loading");
}
progressbar.hide();
});
</script>
|
|