`

关于dgrid的pagination组件的问题

阅读更多

一个Basic dgrid:

 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>My Dgrid Test</title>
<meta name="viewport" content="width=570">
<style>
@import "dojoroot/dojo/resources/dojo.css";
@import "dojoroot/css/skins/claro.css";
@import "dojoroot/dijit/themes/claro/claro.css";
.heading {
font-weight: bold;
padding-bottom: 0.25em;
}
.dgrid {
width: 70%;
margin: 10px;

}
.field-col1 {
width: 40px;
}

#grid-complex .dgrid-cell-padding {
height: 2em; /* force consistent heights across columnset cells */
}
.dgrid-column-set-0 {
width: 42px;
}

#dgrid .dgrid-scroller
{
	position: relative;
	overflow:hidden;
}

#dgrid {
height: auto;
}
</style>
<script src="dojoroot/dojo/dojo.js"
data-dojo-config="async: true"></script>
<script>
require([
 "dojo/on", 
 "dgrid/Grid",
 "dgrid/selector", 
 "dgrid/Selection", 
 "dgrid/Keyboard", 
 "dgrid/ColumnSet",
 "dojo/_base/declare", 
 "dojo/_base/array", 
 "dgrid/test/data/base", 
 "dgrid/extensions/Pagination",
 "dgrid/editor",
 "dijit/form/DateTextBox",
 "dojo/domReady!"],
	function(on, Grid, selector, Selection, Keyboard, ColumnSet, declare, arrayUtil, myStore, Pagination, editor, DateTextBox){
	var myGrid = declare([Grid, Selection, Pagination]);

	var dgrid = new myGrid ({
		store:testStore,
		columns:
		{
		 col1:selector({label:"Col1",sortable:1}),
		 col2:{label:"Column2",sortable:1},
		 col3:{label:"Column3",sortable:1},
		 col4:{label:"Column4",sortable:0},
		 col5:{label:"Column5",sortable:0},
		 col6:editor({label:"Date Select",
                      editorArgs:{constraints:{datePattern:"dd/MM/yyyy"}}},DateTextBox)
		},
		allowSelectAll:true,
		rowsPerPage:5,
		pagingLinks:1,
		pageSizeOptions:[5,10,15]
		},"dgrid");
});
</script>
</head>
<body class="claro">
<h2>A grid with checkbox selectors</h2>
<div id="dgrid"></div>

       对于dgrid的Pagination组件,一直没有搞定分页的页面跳转功能,在网上看到的例子,放到自己机器上测试时,页面跳转功能就无效,不知道有没有熟练dgrid的大神指导一下,如何解决。(问题原来是作者提交的代码有问题,已经解决了)

 

分享到:
评论

相关推荐

    jquery pagination 分页组件 2.5.0

    jquery pagination 分页组件 jquery pagination 分页组件 jquery pagination 分页组件 官网 https://pagination.js.org/index.html 文档 https://pagination.js.org/docs/index.html

    JavaFx 自定义封装 Pagination 分页组件、控件

    javaFx 自定义时间选择组件 Pagination, javaFx 源代码分页功能较少,该代码组件支持首页、上一页、下一页、尾页、跳转、每页数量等操作,同时展示总数据量,使用教程搜索博客:《JavaFx 自定义封装 Pagination ...

    el-search-table-pagination::dog_face:将Element UI的Form,Table和Pagination组件组合在一起

    元素搜索表分页 将Form,Table和Pagination组件组合在一起。 基于Vue2.x。 您可以使用此包在带有搜索表单和分页的表中显示本地和远程列表数据。安装$ npm i --save el-search-table-pagination演示版请参阅CodePen上...

    Element-UI踩坑之Pagination组件的使用

    一般Pagination组件的声明如下: &lt;el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :page-size="pageSize" :current-page="currentPage" :total="total" :page-...

    js 翻页组件 pagination

    翻页组件,需要的同学可以自己下载、改造...

    React的本地分页组件Reactjs-Pagination.zip

    Reactjs-Pagination是一个React的本地分页组件,支持页码、跳转、和迷你模式。文档安装npm install --save reactjs-pagination使用示例代码:import React, { Component } from 'react'; import { ...

    无刷新分页 pagination

    Jquery 无刷新分页 jquery.pagination.js 带数据库 提交Handler请求数据 AJAX

    Vue2.5 结合 Element UI 之 Table 和 Pagination 组件实现分页功能

    主要介绍了Vue2.5 结合 Element UI 之 Table 和 Pagination 组件实现分页功能,非常不错,具有参考借鉴价值,需要的朋友可以参考下

    java Pagination(分页并操作)

    java Pagination(分页并操作)java Pagination(分页并操作)java Pagination(分页并操作)

    react-pagination:简单但可配置的React分页组件

    Pagination :组件本身 pageRange 返回一个数组,其中包含根据传递的参数显示的页面范围。 参数: selected已选择的页码 numPages总页数 num要显示的页数 返回页面(数字)数组。 例子: pageRange ( 1 , 10 ,...

    jquery.pagination.js 下载

    jquery.pagination.js 下载,优秀的jquery分页插件,使用IP代理国外网站下载而来

    materialui-pagination:Material UI的简单分页组件

    Material UI的简单分页组件。 基于。 安装 $ npm install materialui-pagination 例 //React import React from 'react' ; import PropTypes from 'prop-types' ; import { render } from 'react-dom' ; //...

    pagination分页插件

    jquery.pagination.css jquery.pagination.min.js前端分页插件。

    classic_pagination.rar

    classic_pagination.rarclassic_pagination.rarclassic_pagination.rarclassic_pagination.rarclassic_pagination.rarclassic_pagination.rarclassic_pagination.rarclassic_pagination.rarclassic_pagination....

    jquery_pagination分页插件下载

    详细参考:http://blog.csdn.net/xiejx618/article/details/47299491 后台的主要任务是获取总记录数和列表数据,剩下的分页功能可以交给前台来做就可以了,感觉jquery pagination...建议详细参考官方文档来了解各个配置...

    vue-pagination-2:Vue.js 2分页组件

    import Pagination from 'vue-pagination-2'; 脚本标签 在dist/vue-pagination-2.min.js下获取缩小版本。 它将导出全局Pagination变量。 用法 在全局或本地注册组件: Vue . component ( 'pagination' , ...

    pagination

    ajax异步分页 pagination ajax异步分页 paginationajax异步分页 paginationajax异步分页 paginationajax异步分页 paginationajax异步分页 paginationajax异步分页

    dojo pagination sample

    dojo pagination sample dojo pagination sample

Global site tag (gtag.js) - Google Analytics