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

阅读数:372 2013 年 11 月 26 日 06:12

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

评论

发布