<a data-bind="tap:$parent.cancelOrder, click:$parent.cancelOrder, visible:Status() == 'WaitingForPayment'" 
   data-dialog='confirm:"你取消该定单吗？"' href="javascript:" 
   class="btn btn-block btn-default">取消订单</a>

<button name="btn_add" class="btn btn-primary pull-right"
        data-bind="tap: addToShoppingCart,click: addToShoppingCart, enable: ko.unwrap(product.Stock) > 0, text:ko.unwrap(product.Stock) > 0 ? '加入购物车' : '已经售磬'"
        data-dialog="toast:'成功添加到购物车'">
        加入购物车
    </button>

var config = getConfig(element, 'data-dialog');
if (config.confirm) {
    var content = config.confirm;
    deferred = deferred.pipe(function () {
        var result = $.Deferred();
        var html = ComfirmDialogHtml;
        var node = $(html).appendTo(document.body).modal()[0];

        var model = {
            text: content,
            ok: function () {
                $(node).modal('hide');
                result.resolve();
            },
            cancel: function () {
                result.reject();
            }
        }

        ko.applyBindings(model, node);
        return result;
    });
}

result.done(function () {
    if (config.toast) {
        var content = config.toast;
        var html = ToastDialogHtml;
        var node = $(html).appendTo(document.body).modal()[0];

        var model = {
            text: content
        }

        window.setTimeout(function () {
            $(node).modal('hide');
            $(node).remove();
        }, 1000);

        ko.applyBindings(model, node);
    }

});