php/www/webapp/o2o/js/page/rechargee.js

define(['$', 'template', 'IScroll', 'recharge', 'native', 'config', 'user'], function ($, template, IScroll, recharge, native, config, user) {

    function back(event) {
        event.preventDefault();
        $(document).trigger('spa:navigate', {
            hash: '',
            pushData: {
                dontNeedReload: true
            }
        });
    }

    return {
        title: '充值卡',
        body: '',
        init: function (pageData, dtd) {
            /* this是什么？ */
            var $view = this;
            var $doc = $(document);

            /* 定义按钮事件。
             * 为什么不是$(selector).onclick(function)呢？
             */

            // 返回
            $view.on('swipeRight', function (event) {
                //back.call(this, event);
                history.go(-1);
            });

            $.newTouch('.back-button', function (event) {
                //back.call(this, event);
                history.go(-1);
            }, $view);

            $view.on('tapBackButton', function (event) {
                //back.call(this, event);
                history.go(-1);
            });

            // 点击充值
            $.newTouch('.btn-add-recharge', function (event) {
                event.preventDefault();
                $doc.trigger('spa:openloader');
                var value = $(this).attr('data-value');
                recharge.addRechargeorder({
                    user_id: user.id,
                    recharge_id: $(this).attr('data-id')
                }, function (res) {
                    $doc.trigger('spa:closeloader');
                    if (res.success) {
                        // 更新user的订单
                        user.orders[1].data.push({
                            id: res.data._id.$id,
                            products: [{ product:{name: '充值' + value + '元'}}],
                            final_price: res.data.price
                        });
                        // 只能用现金支付，跳转到pay页面
                        $doc.trigger('spa:navigate', {
                            hash: 'pay',
                            pushData: {
                                isRecharge: true,
                                orderID: res.data._id.$id,
                                backHash: 'recharge'
                            }
                        });
                    }
                });
            }, $view);

            dtd.resolve();
        },
        beforeopen: function (pageData, dtd) {
            dtd.resolve();
        },
        afteropen: function (pageData, dtd) {
            var $view = this;
            var $doc = $(document);

            if (!pageData.pushData.dontNeedReload) {
                $doc.trigger('spa:openloader');
                recharge.getRechargeList(function (res) {
                    $doc.trigger('spa:closeloader');
                    if (res.success) {
                        var tpl = template('recharge/index', {
                            showNavBar: !config.isWX,
                            recharges: res.data
                        });
                        $('.spa-page-body', $view).html(tpl);

                        setTimeout(function () {
                            pageData.scroll = new IScroll('#rechargeScroll');
                        }, 500);
                    }
                });
            }

            dtd.resolve();
        },
        beforeclose: function (pageData, dtd) {
            dtd.resolve();
        }
    }
})