Kendo UI

jQuery + Kendo UI + MockJax + Knockout

by Pankaj Sapkal

HTML

<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.common.min.css">
<link rel="stylesheet" href="http://cdn.kendostatic.com/2011.3.1129/styles/kendo.blueopal.min.css">
<script src="http://cdn.kendostatic.com/2011.3.1129/js/kendo.all.min.js"></script>
<div id="uploadBatchWindow">
    <div style="padding: 4px; margin-bottom: 10px;">
        Acceptable file types: .xml<br/>File size limit: 5MB
    </div>
    <input type="file" name="batchFile" id="batchFile" title="Select file" />
    <div id="upload-error" class="k-state-selected" style="padding: 4px; margin-top: 10px; display: none"></div>
</div>

JavaScript

//Init upload control
$("#batchFile").kendoUpload({
    async: {
        saveUrl: '/Upload',
        autoUpload: false
    },
    multiple: true,
    localization: {
        select: "Select a file",
        uploadSelectedFiles: "Send"
    }
});

$("#uploadBatchWindow")
    .kendoWindow({
        actions: ["Maximize", "Close"],
        // minHeight: 175, // Being set because of IE gayness
        minWidth: 300,
        modal: true,
        resizable: true,
        title: "Choose File to Upload",
        visible: false
    })
    .data("kendoWindow")
    .center().open();