ic pagination指令 - Julienedies/brick GitHub Wiki

##使用

        <div class="pagination"
             ic-pagination="a"
             ic-source="companies"
             ic-pagination-rows="10"
             ic-pagination-total="10"
             ic-pagination-step="5" >
            <span class="prev" ic-role-pagination-prev>&lt;</span>
            <span class="ellipsis" ic-role-pagination-ellipsis>...</span>
            <span class="num" ic-role-pagination-num="{{}}">{{}}</span>
            <span class="next" ic-role-pagination-next>&gt;</span>
        </div>

查看example

##相关选项

• ic-pagination @定义所属dom元素为分页组件
• ic-pagination-total @定义总页数；
• ic-pagination-rows @定义每页显示记录数
• ic-pagination-step @定义步长。可选，默认为10；
• ic-pagination-current @定义当前激活页码。可选，默认为1；
• ic-source @定义关联的要做分页的dom对象或者json对象。
• ic-source-ajax @用于定义从服务器获取分页数据的url地址。

##相关dom元素选项

• ic-role-pagination-prev # 属性表示所属元素为prev按钮；
• ic-role-pagination-next # 属性表示所属元素为next按钮；
• ic-role-pagination-ellipsis # 属性表示所属元素为分隔符;
• ic-role-pagination-num # 属性表示所属元素为页码按钮，其中的{{}}占位符会被替换为具体的页码数;
• ic-role-pagination-page #定义所属dom元素的直接子元素要做分页处理。

##js接口 无。

##事件 每当分页项发生改变，会触发ic-pagination.change事件。

$('[ic-pagination=a]').on('ic-pagination.change',function(e, msg){
       //当前激活的分页
      console.log(msg);
});

##样式 被激活的分页项dom默认会被添加active类；