MVC 多张图片提交按钮

Question

我有两个图像按钮想用作提交按钮。以前我只有一个而且工作得很好，但是在添加第二个之后我一直在努力让它工作。实际上我想要的是一个通用的保存按钮，然后是另一个执行不同命令的按钮。

我一直在四处寻找，使用 "command" 从视图传递到控制器似乎是可行的方法，并且绝对适用于标准提交输入元素，但是使用图像它不通过命令值。

我的资料如下：

查看按钮：

<input type="image" name="Command" value="Save" title="Save Changes" src="~/Content/Images/Save.png" border="0" alt="Save Changes" id="Save" class="Toolbar-Icon" />

<input type="image" name="Command" value="SignOff" title="Sign Off" src="~/Content/Images/Sign-Off.png" border="0" alt="Sign Off" id="SignOff" class="Toolbar-Icon" />

控制器代码：

[HttpPost]
    public ActionResult Edit(tblfault tblfault, string command)
    {
        if (command == "Save")
        {
            /*Code*/
        }
        else if (command == "SignOff")
        {
            /*Code*/
        }
    }

有没有办法让命令值传递到控制器中，或者我是否必须使用不同的选项，因为我正在使用图像按钮？

Answer 1

<input type='hidden' name="command" id="command"/>

把它放在你的表格里

那么你的图片就这样吧

<input type="image" name="Command" value="Save" data-id='Save' title="Save   Changes" src="~/Content/Images/Save.png" border="0" alt="Save Changes" id="Save" class="Toolbar-Icon" onclick="submitInfo(this);" />

<input type="image" name="Command" data-id='SignOff' value="SignOff" title="Sign Off" src="~/Content/Images/Sign-Off.png" border="0" alt="Sign Off" id="SignOff" class="Toolbar-Icon" onclick="submitInfo(this);" />

和Javascript函数

<script>
  function submitInfo(ele)
 {
    $('#command').val($(ele).attr('data-id'));
    $('form').submit();
 }
 </script>

通过这种方式，您还可以将隐藏字段值发布到控制器。

MVC 多张图片提交按钮

MVC more than one image submit button

asp.net-mvc

submit