Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
爱吃血肠
paginationjs
提交
594a8cc3
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,发现更多精彩内容 >>
提交
594a8cc3
编写于
12月 06, 2015
作者:
L
leon.shi
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
update docs
上级
db3c3594
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
11 addition
and
11 deletion
+11
-11
README.md
README.md
+11
-11
未找到文件。
README.md
浏览文件 @
594a8cc3
...
@@ -37,12 +37,12 @@ $('#pagination-container').pagination({
...
@@ -37,12 +37,12 @@ $('#pagination-container').pagination({
})
})
```
```
#
Data rendering
#
Rendering data
Below is a minimal
data
rendering method:
Below is a minimal rendering method:
```
js
```
js
function
simple
Render
(
data
)
{
function
simple
Templating
(
data
)
{
var
html
=
'
<ul>
'
;
var
html
=
'
<ul>
'
;
$
.
each
(
data
,
function
(
index
,
item
){
$
.
each
(
data
,
function
(
index
,
item
){
html
+=
'
<li>
'
+
item
+
'
</li>
'
;
html
+=
'
<li>
'
+
item
+
'
</li>
'
;
...
@@ -55,21 +55,21 @@ function simpleRender(data) {
...
@@ -55,21 +55,21 @@ function simpleRender(data) {
Calling:
Calling:
```
js
```
js
$
(
'
#container
'
).
pagination
({
$
(
'
#
pagination-
container
'
).
pagination
({
dataSource
:
[
1
,
2
,
3
,
4
,
5
,
6
,
7
,
...
,
195
],
dataSource
:
[
1
,
2
,
3
,
4
,
5
,
6
,
7
,
...
,
195
],
callback
:
function
(
data
,
pagination
)
{
callback
:
function
(
data
,
pagination
)
{
var
html
=
simple
Render
(
data
);
var
html
=
simple
Templating
(
data
);
dataContainer
.
html
(
html
);
$
(
'
#data-container
'
)
.
html
(
html
);
}
}
})
})
```
```
To make it easier to maintain, you'd better use specialized templating engine to
do the data rendering
.
To make it easier to maintain, you'd better use specialized templating engine to
rendering data
.
Below is an example using
[
undercore.template
](
http://underscorejs.org/#template
)
:
Below is an example using
[
undercore.template
](
http://underscorejs.org/#template
)
:
```
js
```
js
$
(
'
#container
'
).
pagination
({
$
(
'
#
pagination-
container
'
).
pagination
({
dataSource
:
[
1
,
2
,
3
,
4
,
5
,
6
,
7
,
...
,
195
],
dataSource
:
[
1
,
2
,
3
,
4
,
5
,
6
,
7
,
...
,
195
],
callback
:
function
(
data
,
pagination
)
{
callback
:
function
(
data
,
pagination
)
{
var
html
=
_
.
template
(
templateString
,
{
var
html
=
_
.
template
(
templateString
,
{
...
@@ -84,7 +84,7 @@ $('#container').pagination({
...
@@ -84,7 +84,7 @@ $('#container').pagination({
</ul>
</ul>
*/
*/
dataContainer
.
html
(
html
);
$
(
'
#data-container
'
)
.
html
(
html
);
}
}
})
})
```
```
...
@@ -92,7 +92,7 @@ $('#container').pagination({
...
@@ -92,7 +92,7 @@ $('#container').pagination({
Using
[
Handlebars
](
http://handlebarsjs.com/
)
:
Using
[
Handlebars
](
http://handlebarsjs.com/
)
:
```
js
```
js
$
(
'
#container
'
).
pagination
({
$
(
'
#
pagination-
container
'
).
pagination
({
dataSource
:
[
1
,
2
,
3
,
4
,
5
,
6
,
7
,
...
,
195
],
dataSource
:
[
1
,
2
,
3
,
4
,
5
,
6
,
7
,
...
,
195
],
callback
:
function
(
data
,
pagination
)
{
callback
:
function
(
data
,
pagination
)
{
var
html
=
Handlebars
.
compile
(
templateString
,
{
var
html
=
Handlebars
.
compile
(
templateString
,
{
...
@@ -107,7 +107,7 @@ $('#container').pagination({
...
@@ -107,7 +107,7 @@ $('#container').pagination({
{{/each}}
{{/each}}
*/
*/
dataContainer
.
html
(
html
);
$
(
'
#data-container
'
)
.
html
(
html
);
}
}
})
})
```
```
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录