废话不多说了，下面给大家分享react.js翻页插件的代码，具体代码如下所示：

var

Page = React.createClass({

render:function()

{

//中间代码更新

var

totalRows =

this.props.totalRows;

var

listRows =

this.props.listRows;

var

nowPage =

this.props.nowPage>0?this.props.nowPage:1;

var

firstRow =

this.props.listRows*(this.props.nowPage-1);

var

totalPage =

Math.ceil(totalRows/listRows);

var

show_count=this.props.show_count?this.props.show_count:5;

if((!totalPage)&&nowPage>totalPage)

{

this.props.nowPage=totalPage;

}

if(this.props.nowPage<1)

{

this.props.nowPage=1;

}

var

show_count_mid=show_count/2;

var

pages = [];

for(var

i=1;i<=show_count;i++)

{

var

page=0;

if(nowPage<=show_count_mid)

{

page

= i;

}

else if(nowPage+show_count_mid>totalPage)

{

page

= totalPage -

show_count+i;

}

else

{

page

=nowPage-Math.ceil(show_count_mid)+i;

}

if(page>0&&page!=nowPage)

{

if(page<=totalPage)

{

pages.push(

onClick={this.props.onPagination.bind(this,page)}>{page}

);

}

}

else

{

pages.push(

className="active">{page}

);

}

}

this.pagesbutton=pages;

return

(

this.props.totalRows>0?(

className="pagination">

Total:{this.props.totalRows}

{this.props.nowPage}/{Math.ceil(this.props.totalRows/this.props.listRows)}

onClick={this.props.onPagination.bind(this,1)}>firstpage

onClick={this.props.onPagination.bind(this,this.props.nowPage==1?1:this.props.nowPage-1)}>

href="#none">«

{this.pagesbutton}

onClick={this.props.onPagination.bind(this,this.props.nowPage==this.props.totalPage?this.props.totalPage:this.props.nowPage+1)}>

href="#none">»

onClick={this.props.onPagination.bind(this,Math.ceil(this.props.totalRows/this.props.listRows))}>lastpage

):(

className="pagination">

No data

)

);

}

});

以上所述是小编给大家介绍的react.js 翻页插件实例代码，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！