HTML5Webapp开发工具KendoUIWeb教程:图像浏览器的使用

Kendo UI Web中的图像浏览器在默认的情况下会打开一个简单的对话框,如下图所示,方便用户键入或者是粘贴图片的URL以及指定一个工具提示。

专注于为中小企业提供成都做网站、网站设计服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业武安免费做网站提供优质的服务。我们立足成都,凝聚了一批互联网行业人才,有力地推动了1000+企业的稳健成长,帮助中小企业通过网站建设实现规模扩充和转变。

HTML5 Web app开发工具Kendo UI Web教程:图像浏览器的使用

从KendoUIQ3 2012时,编辑器的组件就支持了一个新的选择图片的方法,就是通过浏览预先定义好的文件的列表和目录,同样也支持了图像上传。

HTML5 Web app开发工具Kendo UI Web教程:图像浏览器的使用

图片浏览器需要一个服务器端实现检索和上传的文件和目录。

配置ImageBrowser图像浏览器

通过ImageBrowser图像浏览器的配置选项,可以高效的配置ImageBrowser图像浏览器。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
$(document).ready(function(){
$("#editor").kendoEditor({
p_w_picpathBrowser: {
transport: {
read: "p_w_picpathbrowser/read",
destroy: "p_w_picpathbrowser/destroy",
create: "p_w_picpathbrowser/createDirectory",
uploadUrl: "p_w_picpathbrowser/upload",
thumbnailUrl: "p_w_picpathbrowser/thumbnail"
p_w_picpathUrl: "/content/p_w_picpaths/{0}"
}
}
});
});

本文标题:HTML5Webapp开发工具KendoUIWeb教程:图像浏览器的使用
文章链接:http://myzitong.com/article/jsedij.html