Question

我使用模态对话框提交新记录（Asp.Net，MVC）。

<div id="modal-dlg" class="modal fade" tabindex="-1"></div>
<div id="banner-add">
   <a class="btn-default  btn" data-toggle="modal" href="@Url.Action("BannerSlideNewModal", "Account", new { Model.Id })" data-target="#modal-dlg" target="profile-banner">Add</a>
</div>

在表单提交上，在数据处理之后，我隐藏了当前对话框：

form.submit(function() {
    button.attr('disabled', true).text('Please wait ...');
    // call service to update/add record
    if ($(this).valid()) {
    $(this).ajaxSubmit(
    {
        success: function(data) {
            .....
            $('#' + context.id).modal('hide');
        }
    });
});

问题是，当我再次打开模态对话框时，我希望看到新条目的空白字段，但所有字段都是从上一个条目分配的。我每次都可以初始化新的模态对话框而不是重复使用同一个对话框？

感谢。

Answer 1

只需使用reset()重置您的表单：

form.submit(function() {
    button.attr('disabled', true).text('Please wait ...');
    // call service to update/add record
    if ($(this).valid()) {
    $(this).ajaxSubmit(
    {
        success: function(data) {
            .....
            $('#' + context.id).modal('hide');
            form.reset();
        }
    });
});

TwitterBootstrapMvc（3rd）：模态对话状态

1 个答案: