国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁(yè) > 開發(fā) > JS > 正文

react.js 翻頁(yè)插件實(shí)例代碼

2024-05-06 16:34:39
字體:
供稿:網(wǎng)友

廢話不多說了,下面給大家分享react.js翻頁(yè)插件的代碼,具體代碼如下所示:

 varPage = React.createClass({render:function(){//中間代碼更新vartotalRows = this.props.totalRows;varlistRows = this.props.listRows;varnowPage = this.props.nowPage>0?this.props.nowPage:1;varfirstRow = this.props.listRows*(this.props.nowPage-1);vartotalPage = Math.ceil(totalRows/listRows);varshow_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;}varshow_count_mid=show_count/2;varpages = [];for(vari=1;i<=show_count;i++){varpage=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(<lionClick={this.props.onPagination.bind(this,page)}><a>{page}</a></li>);}}else{pages.push(<liclassName="active"><a>{page}</a></li>);}}this.pagesbutton=pages;return(this.props.totalRows>0?(<ulclassName="pagination"><li><a>Total:{this.props.totalRows} {this.props.nowPage}/{Math.ceil(this.props.totalRows/this.props.listRows)}</a></li><lionClick={this.props.onPagination.bind(this,1)}><a>firstpage</a></li><lionClick={this.props.onPagination.bind(this,this.props.nowPage==1?1:this.props.nowPage-1)}><ahref="#none">«</a></li>{this.pagesbutton}<lionClick={this.props.onPagination.bind(this,this.props.nowPage==this.props.totalPage?this.props.totalPage:this.props.nowPage+1)}><ahref="#none">»</a></li><lionClick={this.props.onPagination.bind(this,Math.ceil(this.props.totalRows/this.props.listRows))}><a>lastpage</a></li></ul>):(<ulclassName="pagination"><li><a>No data</a></li></ul>));}});

以上所述是小編給大家介紹的react.js 翻頁(yè)插件實(shí)例代碼,希望對(duì)大家有所幫助,如果大家有任何疑問請(qǐng)給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)VeVb武林網(wǎng)網(wǎng)站的支持!


注:相關(guān)教程知識(shí)閱讀請(qǐng)移步到JavaScript/Ajax教程頻道。
發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 青神县| 会东县| 长海县| 昭平县| 宝应县| 西昌市| 水城县| 阿拉善左旗| 汕尾市| 拉孜县| 阿坝县| 禄丰县| 东平县| 涿州市| 车致| 汤原县| 延庆县| 桦南县| 资中县| 浦东新区| 乌拉特后旗| 山东| 民勤县| 水富县| 鄂托克旗| 南阳市| 黄陵县| 工布江达县| 九龙城区| 吉林省| 大宁县| 洱源县| 蓬安县| 桃园市| 房山区| 民勤县| 瑞安市| 保定市| 邵武市| 南昌县| 武强县|