分页JSP标签概述

的服务器端包装器剑道UI寻呼机小部件。

Kendo UI Pager小部件支持将一组数据拆分为具有灵活和直观UI的页面。Pager的用户界面对于分页具有数据源但没有内置分页UI的数据绑定组件(如ListView)或需要分页选项的场景(例如带有数据源的Kendo Templates)非常有用。

呼机是…的一部分JSP的远程UI一个专业级的UI库，包含 90+ 组件，用于构建现代和功能丰富的 应用程序。要想尝试一下，注册一个30天的免费试用。

免费下载试用版

您可以自定义页码模板或使用导航到特定页面的输入，切换“上一个”和“下一个”按钮的可见性，包括页面大小下拉列表以及更改信息消息。寻呼机API还提供了本地化其消息的能力。

开始

配置

下面列出了配置剑道UI分页器时需要遵循的步骤。

步骤1确保您遵循了从关于JSP Telerik UI的介绍性文章．

步骤2创建一个呈现视图的新操作方法。

@RequestMapping(value = {"/"， "/index"}， method = RequestMethod.GET) public String index(){返回"page /index";｝

步骤3添加剑道UItaglib映射到页面。

<%@taglib prefix="kendo" uri="//www.aliitrade.com/kendo-ui/jsp/tags"%>

步骤4添加一个寻呼机标签。

<剑道:寻呼机name = " pager1 " > < /剑道:寻呼机>

步骤5设置其数据源。

<脚本>美元(文档)。ready(function () {var dataSource = new kendo.data。数据源({data: [{productName:“茶”，类别:“饮料”}，{productName:“咖啡”，类别:“饮料”}，{productName:“火腿”，类别:“食品”}，{productName:“面包”，类别:“食品”}]，pageSize: 2});$ (" # pager1 ") .getKendoPager () .setDataSource(数据源);dataSource.read ();});> < /脚本

寻呼机设置和类型

传呼机有两种类型:

• 数字
• 输入

呼机是数字默认情况下。要配置将在数字寻呼机中显示的按钮数量，请使用buttonCount财产。要将寻呼机配置为只接受使用输入，请设置数字财产假和输入财产真正的．

响应

Kendo UI Pager默认是响应的。要禁用响应行为并使其所有元素始终可见，请设置响应财产假．

Pager小部件根据其宽度确定要呈现哪些内部元素。当分页宽度大于或等于600像素时，所有元素都可见:

当分页宽度大于或等于600像素时，所有元素都可见:

当分页宽度大于480且小于600像素时，显示当前分页信息的标签将被隐藏:

当分页宽度大于360且小于480像素时，当前页面由本机表示<选择/ >元素。的页大小下拉菜单和显示当前分页信息的标签被隐藏。

当分页宽度小于360像素时，当前页面由本机表示<选择/ >元素。的页大小下拉菜单和显示当前分页信息的标签被隐藏。

模板

剑道UI寻呼机为其页码链接提供了模板。

要更改当前选定页码的外观，请使用selectTemplate财产。

要更改未选择的页码链接的外观，请使用linkTemplate财产。

消息

Pager提供了用于定义其页面和导航链接、信息文本和标签的工具提示的选项。

属性中设置所需的字符串以对消息进行本地化消息标签。

事件处理

订阅事件

你可以订阅Kendo UI Pager公开的事件通过处理程序名称。

 function (e) {console.log("page change event");} < /剑道:pager-change >

参考

现有的实例

方法引用现有的Pager实例jQuery.data ()．一旦建立了引用，您就可以使用寻呼机API控制它的行为。

//把它放在Kendo Pager标签声明之后