彩票走势图

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

原创|行业资讯|编辑:郝浩|2013-10-24 10:52:02.000|阅读 1004 次

概述:

Kendo UI Web包含数百个创建HTML5 web app的必备元素,包括UI组件、数据源、验证、一个MVVM框架、主题、模板等。本文来看看图像浏览器的使用。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

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

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

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

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

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

配置ImageBrowser图像浏览器

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

$(document).ready(function(){
     $("#editor").kendoEditor({
         imageBrowser: {
            transport: {
                read: "imagebrowser/read",
                destroy: "imagebrowser/destroy",
                create: "imagebrowser/createDirectory",
                uploadUrl: "imagebrowser/upload",
                thumbnailUrl: "imagebrowser/thumbnail"
                imageUrl: "/content/images/{0}"
            }
         }
     });
  });

对于创建/读取/销毁/上传操作的请求和响应可以按照下面的方式实现:

创建——可以用下面的参数实现目录的创建请求,不包括响应。

{ "name": "New folder name", "type": "d", "path": "foo/" }

读取——发送路劲参数来指定要被浏览的对象。除了下列格式。

[
    { "name": "foo.png", "type": "f", "size": 73289 },
    { "name": "bar.jpg", "type": "f", "size": 15289 },
    ...
]

    这里的name是文件或是路径的名称,type是这个file的“f”或是对于目录rectory的“d”,size就是文件的大小。

销毁——可以用下面的参数做请求。

    name – 选中要删除的文件和目录

    path – 在目录中文件/目录的路径

    type – 输入将要删除的是文件还是路径(f或是d)

    size – 文件的大小

上传——给uploadUrl发送一个请求,这个请求负载包含上传文件,预计一个文件对象在响应。

{ "name": "foo.png", "type": "f", "size": 12345 }

>>>Kendo UI Web下载


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自:慧都控件网

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP