Javascript 剑道UI-如何引用控件？

假设我实例化一个剑道控制：

$("#files").kendoUpload({ 
 ...
})

然后如何在JavaScript中获取对该控件的引用？

检索小部件实例 要获取对小部件实例的引用，请使用jQuery

data

方法并将插件名称作为字符串传递，如下所示：

// Create the widget
$("#files").kendoUpload({ 
 ...
})

// retrieve the widget instance
var kendoUpload = $("#files").data("kendoUpload");

你可以找到

---

小部件事件 此外，您还可以添加一整套特定于剑道的事件处理程序来处理小部件触发的事件：

function getFileInfo(e) {
    return $.map(e.files, function(file) {
        var info = file.name;
        // File size is not available in all browsers
        if (file.size > 0) {
            info  += " (" + Math.ceil(file.size / 1024) + " KB)";
        }
        return info;
    }).join(", ");
}

$("#files").kendoUpload({
    async: {
        saveUrl: "save",
        removeUrl: "remove",
        autoUpload: true
    },
    cancel: function(e) {
        kendoConsole.log("Cancel :: " + getFileInfo(e));
    },
    complete: function onComplete(e) {
        kendoConsole.log("Complete");
    },
    error: function(e) {
        kendoConsole.log("Error (" + e.operation + ") :: " + getFileInfo(e));
    },
    progress: function(e) {
        kendoConsole.log("Upload progress :: " + e.percentComplete + "% :: " + getFileInfo(e));
    },
    remove: function(e) {
        kendoConsole.log("Remove :: " + getFileInfo(e));
    },
    select: function(e) {
        kendoConsole.log("Select :: " + getFileInfo(e));
    },
    success: function(e) {
        kendoConsole.log("Success (" + e.operation + ") :: " + getFileInfo(e));
    },
    upload: function(e) {
        kendoConsole.log("Upload :: " + getFileInfo(e));
    }
});

您可以找到。

检索小部件实例 要获取对小部件实例的引用，请使用jQuery

data

方法并将插件名称作为字符串传递，如下所示：

// Create the widget
$("#files").kendoUpload({ 
 ...
})

// retrieve the widget instance
var kendoUpload = $("#files").data("kendoUpload");

你可以找到

---

小部件事件 此外，您还可以添加一整套特定于剑道的事件处理程序来处理小部件触发的事件：

function getFileInfo(e) {
    return $.map(e.files, function(file) {
        var info = file.name;
        // File size is not available in all browsers
        if (file.size > 0) {
            info  += " (" + Math.ceil(file.size / 1024) + " KB)";
        }
        return info;
    }).join(", ");
}

$("#files").kendoUpload({
    async: {
        saveUrl: "save",
        removeUrl: "remove",
        autoUpload: true
    },
    cancel: function(e) {
        kendoConsole.log("Cancel :: " + getFileInfo(e));
    },
    complete: function onComplete(e) {
        kendoConsole.log("Complete");
    },
    error: function(e) {
        kendoConsole.log("Error (" + e.operation + ") :: " + getFileInfo(e));
    },
    progress: function(e) {
        kendoConsole.log("Upload progress :: " + e.percentComplete + "% :: " + getFileInfo(e));
    },
    remove: function(e) {
        kendoConsole.log("Remove :: " + getFileInfo(e));
    },
    select: function(e) {
        kendoConsole.log("Select :: " + getFileInfo(e));
    },
    success: function(e) {
        kendoConsole.log("Success (" + e.operation + ") :: " + getFileInfo(e));
    },
    upload: function(e) {
        kendoConsole.log("Upload :: " + getFileInfo(e));
    }
});

---

您可以找到。

有两种方法可以做到这一点

使用getKendo*方法：

var myUpload=$（“#文件”）.getKendoUpload（）

使用数据方法：

var myUpload=$（“#文件”）.data（“kendoUpload”）

---

官方文件：

你有两种方法可以做到这一点

使用getKendo*方法：

var myUpload=$（“#文件”）.getKendoUpload（）

使用数据方法：

var myUpload=$（“#文件”）.data（“kendoUpload”）

---

官方文档：

我现在这样做是为了获得上传控件的文件数组：

var logoUploader = $('#files').data('kendoUpload');
var files = logoUploader.options.files;

---

我现在执行此操作以获取上载控件的文件数组：

var logoUploader = $('#files').data('kendoUpload');
var files = logoUploader.options.files;