c# - 单击 HTML 按钮时的 MVC 5 Razor 变量更改

Question

NET 和 MVC，我正在尝试从事一个初学者项目，但我有点卡住了。

我有一个包含多个图片路径的数据模型，我想知道如何更改我想要在单击按钮时在 View 中显示的图片。示例:显示图片 1，单击 HTML 按钮，然后更改为显示图片 2。

这就是我到目前为止得到的？我应该如何更改 picID 变量？有人可以解释一下吗？

    <tr>
       <td><button type="button">Click this to change the picID variable</button></td>
       <td>@Html.DisplayFor(model => model.Picture.ElementAt(picID).picturePath)</td>
    </tr>

Answer 1

您要做的是让按钮调用一个操作方法来更改 picID 并返回您的 View 。像/controller/changepic/1 这样的东西。 Changepic 会将 picID 更新为 2，然后返回相同的 View 和模型。

这里棘手的部分是按钮通常用于提交表单。因此，您要么必须添加一个事件处理程序来手动设置操作链接，要么使用样式类似于按钮的 anchor 元素 (@Html.ActionLink)。您可以使用 bootstrap做那种造型。

我做了很多假设，但希望这对您有所帮助。