剑道 UI - 如何引用控件
Kendo UI - how do I reference a control?
假设我实例化了一个剑道控件:
$("#files").kendoUpload({
...
})
然后,如何在 JavaScript 中获取对该控件的引用?
您有两种方法可以执行此操作。
-
使用 getKendo* 方法:
var myUpload = $("#files"(.getKendoUpload((;
-
使用数据方法:
var myUpload = $("#files"(.data("kendoUpload"(;
官方文档:http://docs.telerik.com/kendo-ui/intro/widget-basics/events-and-methods
检索小部件实例
要获取对小部件实例的引用,请使用 jQuery data
方法并将插件名称作为字符串传递,如下所示:
// Create the widget
$("#files").kendoUpload({
...
})
// retrieve the widget instance
var kendoUpload = $("#files").data("kendoUpload");
您可以在官方文档中找到有关此内容的更多信息。
<小时 />小组件事件
此外,您还可以添加一大堆特定于 Kendo 的事件处理程序来处理由您的小部件触发的事件:
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));
}
});
您可以在官方文档中找到一个完整的工作演示。
我现在这样做是为了获取上传控件的文件数组:
var logoUploader = $('#files').data('kendoUpload');
var files = logoUploader.options.files;
相关文章:
- 音频控件在mouseover上显示,在mouseout上淡出
- 后焦点更改为IE 11中的地址栏,而不是转移到表单中的下一个控件
- 如何在读取XLS/XLSX本地文件时,使用IE的javascript代码启用未标记为安全的ActiveX控件
- 在构建网站时,我应该在特定用户控件或母版页中引用 JavaScript 库
- 页面加载后控件的空引用
- 剑道 UI - 如何引用控件
- 如何在页面上引用多个相同的用户控件
- KendoUI - 如何引用控件
- 由于引用了相同的javaScript文件,Kendo UI控件没有显示在网页上,如何克服这一点
- 如何在javascript中的其他地方引用控件包装器的值
- 如何在自定义控件中添加.js文件引用
- 引用当前正在使用的HTML选择控件
- 在拖放后获取对控件的引用
- Angular 2引用了验证消息的控件
- jQuery中的控件引用
- 当asp.net控件不存在于内容页中时,母版javascript会导致对象引用错误
- 在javascript中引用ASP.NET web控件
- jQuery引用模板字段中的控件ID
- 如何从 ExtJS 控件引用祖先容器对象
- web服务中的引用控件