Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
爱吃血肠
paginationjs
提交
a3f4c875
P
paginationjs
项目概览
爱吃血肠
/
paginationjs
通知
3
Star
0
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
P
paginationjs
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
前往新版Gitcode,体验更适合开发者的 AI 搜索 >>
提交
a3f4c875
编写于
10月 28, 2015
作者:
L
leon.shi
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update readme
上级
6d900423
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
2 addition
and
177 deletion
+2
-177
README.md
README.md
+2
-177
未找到文件。
README.md
浏览文件 @
a3f4c875
...
...
@@ -11,9 +11,7 @@ See demos and full documentation at:
# Usage
### Normal
```
```
js
$
(
'
#demo
'
).
pagination
({
dataSource
:
[
1
,
2
,
3
,
4
,
5
,
6
,
7
,
...
,
195
],
callback
:
function
(
data
,
pagination
){
...
...
@@ -24,180 +22,7 @@ $('#demo').pagination({
})
```
### Only page numbers
```
$('#demo').pagination({
dataSource: [1, 2, 3, 4, 5, 6, 7, ... , 100],
pageSize: 5,
showPrevious: false,
showNext: false,
callback: function(data, pagination){
// template method of yourself
var html = template(data);
dataContainer.html(html);
}
})
```
### Show "go" input & button
```
$('#demo').pagination({
dataSource: [1, 2, 3, 4, 5, 6, 7, ... , 40],
pageSize: 5,
showGoInput: true,
showGoButton: true,
callback: function(data, pagination){
// template method of yourself
var html = template(data);
dataContainer.html(html);
}
})
```
### Auto hide previous & next button
```
$('#demo').pagination({
dataSource: [1, 2, 3, 4, 5, 6, 7, ... , 35],
pageSize: 5,
autoHidePrevious: true,
autoHideNext: true,
callback: function(data, pagination){
// template method of yourself
var html = template(data);
dataContainer.html(html);
}
})
```
### Mini
```
$('#demo').pagination({
dataSource: [1, 2, 3, 4, 5, 6, 7, ... , 50],
pageSize: 5,
showPageNumbers: false,
showNavigator: true,
callback: function(data, pagination){
// template method of yourself
var html = template(data);
dataContainer.html(html);
}
})
```
### Asynchronous or JSONP
```
$('#demo').pagination({
dataSource: 'https://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?',
locator: 'items',
totalNumber: 120,
pageSize: 20,
ajax: {
beforeSend: function(){
dataContainer.html('Loading data from flickr.com ...');
}
},
callback: function(data, pagination){
// template method of yourself
var html = template(data);
dataContainer.html(html);
}
})
```
### Specify default
```
$('#demo').pagination({
dataSource: [1, 2, 3, 4, 5, 6, 7, ... , 35],
pageSize: 5,
pageNumber: 3,
callback: function(data, pagination){
// template method of yourself
var html = template(data);
dataContainer.html(html);
}
})
```
### Format result data
```
$('#demo').pagination({
dataSource: [1, 2, 3, 4, 5, 6, 7, ... , 100],
pageSize: 8,
formatResult: function(data){
var result = [];
for(var i = 0, len = data.length; i < len; i++){
result.push(data[i] + ' - good guys');
}
return result;
},
callback: function(data, pagination){
// template method of yourself
var html = template(data);
dataContainer.html(html);
}
})
```
### Another format result data
```
$('#demo').pagination({
dataSource: [{a :1}, {a :2}, {a :3}, {a :4}, ... , {a :50}],
pageSize: 8,
formatResult: function(data){
for(var i = 0, len = data.length; i < len; i++){
data[i].a = data[i].a + ' - bad guys';
}
},
callback: function(data, pagination){
// template method of yourself
var html = template(data);
dataContainer.html(html);
}
})
```
### Format navigator
```
$('#demo').pagination({
dataSource: [1, 2, 3, 4, 5, 6, 7, ... , 15],
pageSize: 5,
showNavigator: true,
formatNavigator: '<span style="color: #f00"><%= currentPage %></span> st/rd/th, <%= totalPage %> pages, <%= totalNumber %> entries',
position: 'top',
callback: function(data, pagination){
// template method of yourself
var html = template(data);
dataContainer.html(html);
}
})
```
### Format "go" input
```
$('#demo').pagination({
dataSource: [1, 2, 3, 4, 5, 6, 7, ... , 25],
pageSize: 5,
showGoInput: true,
showGoButton: true,
formatGoInput: 'go to <%= input %> st/rd/th',
callback: function(data, pagination){
// template method of yourself
var html = template(data);
dataContainer.html(html);
}
})
```
More examples, see
[
paginationjs.com
](
http://paginationjs.com
)
# License
Released under the MIT license.
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录