MVC 读取标签值并在按钮单击时传递给控制器

Question

我有一个 MVC 剃刀视图，上面有部分视图。在主视图中单击按钮后，我必须触发控制器操作。我需要将 label 值传递给此操作。所以我想我可以在填充所有 HTML 之后使用 jQuery 获取标签值。这个label 在部分视图中，我的脚本在主视图中。即使在页面完全加载后，我也会在警报中收到空值。这是我使用的代码：

<input type="button" class="ViewInfo-success" value="View History" onclick="return HistoryResponse()" />

function HistoryResponse() {
    var mac = $('#cmmac').html();
    alert("alert1" + mac);

    try {
        location.replace('/HistoryLookup/GetHistory' + mac);
    }
});

局部视图中的标签代码：

<div class="col-lg-2">
   @Html.Label("MAC Seria:", new { id = "cmmac" })
</div>

<div class="col-lg-2">
   @Html.DisplayFor(x => x.HistoryDO.MACSerial)
</div>

还有其他方法可以实现吗？请输入任何想法。

Answer 1

所以我所要做的就是将模型中的 macid 值存储在这样的隐藏字段中。

@Html.HiddenFor(x => x.Model.historyDO.MACSerial, new { id = "macId", name = "macId" })

主视图上的按钮

<input type="button" class="ViewInfo btn btn-success" value="View History" onclick="return HistoryResponse()" />

historyresponse()方法中通过隐藏字段id获取值

function HistoryResponse() {
        var params = '?MacId=' + $("#macId").val();
        alert("alert3" + params); [![enter image description here][1]][1]
        try {
            location.replace('/HistoryLookup/GetHistory' + params);
        }
        catch (exception) { }
    }

然后发布到行动。

[HttpGet]
public ActionResult GetHistory(string macId)
{    
var model = Repository.GetHistory(macId);
return View("HistoryLookupResponse", model);

}

Answer 2

以下内容对我有用：

点击前（编辑）：

点击（编辑）：

点击后网址（编辑）：

查看（索引）：

<input type="button" class="ViewInfo-success" value="View History" onclick="HistoryResponse()" />

@Html.Partial("MACSerialPartial")

<script>
    function HistoryResponse() {
        var mac = document.getElementById('cmmac').innerText;
        alert("alert1" + mac);
        location.replace('/HistoryLookup/GetHistory?id=' + mac);
    };
</script>

带编辑的局部视图 (MACSerialPartial)：

@model mvc_read_label_value.Models.Product

<div class="col-lg-2">
    <p>MAC Serial:</p>
</div>

<div class="col-lg-2">
    <p id="cmmac">@Model.HistoryDO.MACSerial</p>
</div>

型号：

public class Product
{
    public History HistoryDO { get; set; }
}

public class History
{
    public string MACSerial { get; set; }
}

具有索引操作方法的控制器：

public class HomeController : Controller
{
    public ActionResult Index()
    {
        Product product = new Product() {HistoryDO = new History(){MACSerial = "TestSerial"} };
        return View(product);
    }
}

HistoryLookup 控制器：

public class HistoryLookupController : Controller
{
    public ActionResult GetHistory(string id)
    {
        return View(); // TODO: need to make a view corresponding to this action
    }
}