react.js 翻页插件实例代码

前端之家收集整理的这篇文章主要介绍了react.js 翻页插件实例代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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

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(
  • {page}
  • ); } } else { pages.push(
  • {page}
  • ); } } this.pagesbutton=pages; return ( this.props.totalRows>0?( ):( ) ); } });

    以上所述是小编给大家介绍的react.js 翻页插件实例代码。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持

    猜你在找的JavaScript相关文章