在提交之前设置值不会将其发送到控制器

Question

我有一个包含多个表单的视图，每个提交都应提交一个具有特定值的隐藏字段，并且所有表单都共享相同的模型。从我的控制器中，我在渲染视图之前设置了值，但是对于"Post"方法之一，我将需要该值，其他方法应提交相同的隐藏字段，但值不同。

在这里，我只显示带有隐藏输入事件命令的视图的第二种形式

@using (Html.BeginForm("ContinueWithUpload", "Odometer", FormMethod.Post, new { id = "form2" }))
{   
    @Html.HiddenFor(m => m.EventCommand)
    <div>
        <button type="submit" name="upload-excel" value="upload-excel" id="excel-upload" class="btn btn-success">Continue Upload</button>
    </div>
}

到目前为止，我尝试在javascript中设置它，但它不起作用

$(function(){
    $("#excel-upload").on("click", function (e) {  
        $("#EventCommand").val("upload-excel");
    });
}

阅读有关如何执行此操作的信息，我找到了ViewData的解决方案，但是使用该解决方法也

不起作用

@Html.HiddenFor(m => m.EventCommand)
ViewData["EventCommand"] = "upload-excel"

任何帮助将不胜感激

Answer 1

看起来您有多个具有相同 id 的隐藏文件，并且当您单击按钮时，您的代码无法选择正确的文件。您应该尝试在单击按钮的表单中获取确切的隐藏字段：

$(function()
{    
    $("#excel-upload").on("click", function (e) {  
        $(this).parents("form #EventCommand").val("upload-excel");
        return true;
    });
}

Answer 2

Use following code:
@using (Html.BeginForm("ContinueWithUpload", "Odometer", FormMethod.Post, new { id = "form2",onsubmit = "return myJsFunction(this)" }))
{   
    @Html.HiddenFor(m => m.EventCommand)
    <div>
        <button type="submit" name="upload-excel" value="upload-excel" id="excel-upload" class="btn btn-success">Continue Upload</button>
    </div>
}

Add following javascript function:
function myJsFunction(this)
{
$(this).find('#EventCommand').val("upload-excel");
        return true;
}

Answer 3

因为 Razor 渲染的 html 对于我的 HiddenInput 使用相同的模型是相同的。我将隐藏的输入放在部分视图"_HiddenFields"中，在渲染它之前，我传递了一个 ViewDataDictionary 的值。有了它，它允许我对我想生成的 html 的部分视图进行限制。以下是想法：

@using (Html.BeginForm("ContinueWithUpload", "Odometer", FormMethod.Post, new { id = "form2" }))
{
    @Html.Partial("HiddenFields/_HiddenFields", Model, new ViewDataDictionary { { "EventCommand", "excel-upload"} })
}

我的部分观点是这样的

@if ((string)Html.ViewData["EventCommand"] == "excel-upload")
{
    @*@Html.HiddenFor(m => m.EventCommand)*@
    @*@Html.HiddenFor(m => m.EventCommand, new {@value = "excel-upload"})*@
    <input id="EventCommand" name="EventCommand" type="hidden" value="excel-upload" />
}
else
{
    @Html.HiddenFor(m => m.EventCommand)
}

如果您看到我注释了前两行，因为即使 ViewData 与字段 EventCommand 具有相同的键，它们也不起作用。