fineui/demo/js/case/pager/demo.direction_pager.js

import { shortcut, Widget, createWidget } from "@/core";

@shortcut()
export class Func extends Widget {
    static xtype = "demo.direction_pager";

    props = { baseCls: "demo-func" };

    mounted() {
        this.pager.populate();
    }

    render() {
        const self = this;
        createWidget({
            type: "bi.vertical",
            hgap: 200,
            vgap: 50,
            element: this,
            items: [
                {
                    type: "bi.direction_pager",
                    ref(_ref) {
                        self.pager = _ref;
                    },
                    horizontal: {
                        pages: false, // 总页数
                        curr: 1, // 初始化当前页， pages为数字时可用

                        hasPrev(v) {
                            return v > 1;
                        },
                        hasNext() {
                            return true;
                        },
                        firstPage: 1,
                    },
                    vertical: {
                        pages: false, // 总页数
                        curr: 1, // 初始化当前页， pages为数字时可用

                        hasPrev(v) {
                            return v > 1;
                        },
                        hasNext() {
                            return true;
                        },
                        firstPage: 1,
                    },
                }
            ],
        });
    }
}