废话不多说了,下面给大家分享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 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。