amazeUI的confirm控件记录缓存问题的解决办法

场景：列表行每行都有删除按钮，点击删除按钮将行记录的id传给js方法，js方法中调用amazeui的confirm控件，确认删除function通过ajax执行删除行为。

问题现象：每次删除列表第一行有效，第二行以后删除时后台总是拿到第一次删除时传递的id。

原因分析：“出于性能考虑，每个 Modal 实例都存储在对应元素的 $('.am-modal').data('amui.modal') 属性中，onConfirm/onCancel 会保存第一次运行 Modal 时候的数据，导致在某些场景不能按照预期工作”。

官方给出了四个解决方案，但是没有具体示例：

可以选择的处理方式：

• 法一：通过 relatedTarget 这个钩子获取数据，如上面的演示，以该元素为桥梁获取想要的数据（2.1 开始支持）；
• 法二：按照这种方式 每次都重新给这两个参数赋值；
• 法三：Confirm 关闭后移除暂存的实例，再次调用时重新初始化；

$('#your-confirm').on('closed.modal.amui', function() {
  $(this).removeData('amui.modal');
});

• 法四： 重写 cancel/confirm 按钮的事件处理函数。

$(function() {
  var $confirm = $('#your-confirm');
  var $confirmBtn = $confirm.find('[data-am-modal-confirm]');
  var $cancelBtn = $confirm.find('[data-am-modal-cancel]');
  $confirmBtn.off('click.confirm.modal.amui').on('click', function() {
    // do something
  });

  $cancelBtn.off('click.cancel.modal.amui').on('click', function() {
    // do something
  });
});

法二、三以牺牲性能为代价，不推荐；如果要使用法四，可以不添加两个按钮的 data-am-modal-xx 属性，免去解绑默认事件的步奏。

自己的示例解决办法：

function deleteFunc(theId) {
        var $confirm = $('#my-confirm');
        var confirm = $confirm.data('amui.modal');

        var onCancel = function() {
        };
        var onConfirm = function() {
            var url = '../admin/delete?t=' + Math.random();
            $.ajax({
                type : 'post',
                url : url,
                cache : false,
                data : JSON.stringify({
                    'id' : theId
                }),
                contentType : 'application/json',
                dataType : 'json',
                success : function(data, textStatus) {
                    if (data.errno == 0) {
                        //删除成功后执行内容
                    } else {
                        //amazeUi alert控件
                        $('#message').html(data.msg);
                        $('#my-alert').modal('open');
                    }
                }
            });
        };

        if (confirm) {
            confirm.options.onConfirm = onConfirm;
            confirm.options.onCancel = onCancel;
            confirm.toggle(this);
        } else {
            $confirm.modal({
                relatedElement : this,
                onConfirm : onConfirm,
                onCancel : function() {
                }
            });
        }
    }