API Docs for: 0.2
Show:

JC.Paginator Class

Paginator 分页

实现的功能上一页,下一页,数字页,...显示页码,跳转到n页,每页显示n条记录,

require: JC.BaseMVC

JC Project Site | API docs | demo link

自动初始化.js_compPaginator下的table

可用的 HTML attribute

paginatorui
css selector, 指定分页的模板内容将放到哪个容器里面
paginatorcontent
css selector, 指定取回来的数据将放到哪个容器里面
totalrecords
num, 共多少条记录,必填项
perpage
num, 每页显示多少条记录,默认10条
perpageitems
定义下拉框的option值,默认为[10,20,50]
midrange
num, default = 5。显示多少个数字页,超出的页将以...显示,比如一共有10页,那么显示前5页和最后一页,中间的以...显示

Constructor

JC.Paginator

(
  • _selector
)

Parameters:

Example:

   <div class="cafe-table js_compPaginator" paginatorcontent=".contents" paginatorui=".pages"  totalrecords="14" perpage="3" midrange="5">
       <table>
          在这里添加你要的数据
       </table>
       <div class="page pages">
       </div>
   </div>

Methods

_beforeInit

() private

初始化之前调用的方法

_init

(
  • _selector
)
private

内部初始化方法

Parameters:

  • _selector Selector

_inited

() private

内部初始化完毕时, 调用的方法

_initHanlderEvent

() private

内部事件初始化方法

getInstance

(
  • _selector
)
PaginatorInstance static

获取或设置 Paginator 的实例

Parameters:

  • _selector Selector

Returns:

PaginatorInstance:

init

(
  • _selector
)
Array of PaginatorInstance static

初始化可识别的 Paginator 实例

Parameters:

  • _selector Selector

Returns:

Array of PaginatorInstance:

notification

(
  • _evtName
  • _args
)

通知选择器有新事件
JC 组件以后不会在 HTML 属性里放回调, 改为触发 selector 的事件

Parameters:

notificationHandler

(
  • _evtName
  • _args
)

通知选择器有新事件, 有返回结果
JC 组件以后不会在 HTML 属性里放回调, 改为触发 selector 的事件

Parameters:

Returns:

:

on

(
  • _evtName
  • _cb
)

使用 jquery on 绑定事件

Parameters:

Returns:

BaseMVCInstance

selector

()

获取 显示 BaseMVC 的触发源选择器, 比如 a 标签

Returns:

selector

trigger

(
  • _evtName
  • _args
)

使用 jquery trigger 触发绑定事件

Parameters:

Returns:

BaseMVCInstance

triggerHandler

(
  • _evtName
  • _args
)

使用 jquery triggerHandler 触发绑定事件

Parameters:

Returns:

: