Question

这可能很简单..但无法弄清楚。我需要有一个最初不应该看到的标签，当用户点击“保存”按钮时，该标签应显示为“Saving .....”。我如何将其纳入我的页面。下面粘贴的是我的保存按钮的代码和它调用的脚本。

       $("#btnSave").click(function (event) {
            event.preventDefault();
            location.href = '<%: Url.Action("SaveData","Upload") %>';
        });

      <%: Html.SecurityTrimmedSubmitButton(Model.Save_Enabled,"Save Data", "SaveData", "btnSave")%>

Answer 1

添加div（或标签或范围或任何内容）

<div id="save_label" style="display:none">Saving...<div>

添加代码以向您的点击处理程序显示DIV

$("#btnSave").click(function (event) {
        event.preventDefault();
        $("#save_label").show();
        location.href = '<%: Url.Action("SaveData","Upload") %>';
    });

Answer 2

为什么不添加Ajax选项？

   AjaxOptions fooOptions = new AjaxOptions
    {
        HttpMethod = "Post",
        UpdateTargetId = "yourDiv",
        LoadingElementId = "spinnerajax",         
    };

我相信spinnerjax会完全按照你想要的方式完成只需将ajax选项添加到您的beginform

即可

 @using (Ajax.BeginForm("Action", "Controller", new { id = @Model.ID }, fooOptions ))

用户单击“保存”按钮时，label会显示一条消息

2 个答案: