BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

Telerik LightBox控件支持模板、Items集合、尺寸自动调整和分页

| 作者 Anand Narayanaswamy 关注 0 他的粉丝 ,译者 马德奎 关注 0 他的粉丝 发布于 2013年11月27日. 估计阅读时间: 2 分钟 | QCon上海2018 关注大数据平台技术选型、搭建、系统迁移和优化的经验。

Telerik ASP.NET控件套件中的LightBox弹出窗口控件支持模板,这使它具备了包含不同类型内容的能力,如图片、iFrames、HTML代码和ASP.NET服务器控件。它还使开发人员能够将其绑定到不同的数据源,如SqlDataSource、LinqDataSource、EntityDataSource和ObjectDataSource。

该控件包含尺寸自动调整、键盘导航、分页和模态等功能,使开发人员可以为打开、隐藏、下一页和上一页等操作设置尺寸调整和淡出的动画类型。通过在Visual Studio 2013的工具箱中双击该控件,可以将其添加到页面,用法如下所示:

<telerik:RadLightBox ID="RadLightBox1" runat="server" 
DataSourceID="SqlDataSource1"
DataImageUrlField="ImageUrl"
DataTitleField="ImageName"
DataDescriptionField="ImageInfo">
</telerik:RadLightBox>

在上述代码中,控件绑定到一个SQL Server数据源。也可以采用与其它控件一样的方式,在后台代码中绑定控件。LightBox包含一个Items集合,该集合可以通过三种不同的方式进行管理,包括在控件声明中、使用C#或VB的后台代码和使用客户端JavaScript API。

要使用Items集合,首先创建一个RadLightBoxItem对象,然后添加所需的描述、标题、URL、宽度和高度。最后,将这个对象添加到RadLightBox实例的Items集合中,代码如下:

RadLightBox1.Items.Add(newItem); 

Telerik软件开发工程师Daniel Peichev在他的博文里考察了在特定的触发控件和Items集合的项之间建立关系所需的步骤。

查看英文原文:Telerik LightBox Control with Templates, Items Collection, Automatic Resizing and Paging

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我
社区评论

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT