reactui/src/components/navigation/pager/pager.jsx

A components library for ReactJS. This is part of the Gearz project

var React = require("react");
var gearzMixin = require("../../gearz.mixin");

var Pager = React.createClass({
    mixins: [gearzMixin],
    render: function() {
        var page = this.get("page");
        var pageCount = this.props.count / this.props.pageSize,
            children = [];

        for (var it = 0; it < pageCount; it++) {
            var setter = this.setter("page", it+1);
            children.push(
                <li
                    className={[page-1==it?"active":"", "item"].join(' ')}
                    onMouseDown={setter}
                    key={"pg-"+it+1}>

                <a href="#">{it}</a>

                </li>);
        }

        return (
            <nav>
                <ul className="pagination">
                    {children}
                </ul>
            </nav>
        );
    }
});

module.exports = Pager;