使用局部视图、JQuery 和引导模式编辑记录

Question

我有一个表，表Edit的最后一列的每条记录都有一个按钮。

Edit我的目标是在用户按下按钮的记录的模态上有一个可编辑的表单。

为了实现这一点，我创建了一个局部视图，我想将其加载到模态上，但经过大量尝试后，我无法让它工作。为组成局部视图 URL 并加载到模态中而创建的 JS 似乎没有效果，它引发了以下错误：

VM364 ESa31501901:361 Uncaught ReferenceError: ESa31501901 未定义在 HTMLAnchorElement.onclick

注意： ESa31501901 是传入 JS 函数的第一个参数。

这是我的意图：

a) Edit(): 此方法将返回所有记录。

b) EditClientFeature(string ClientID, string WorkProcessID)：此方法将返回包含特定客户端记录的部分视图。当我们开始编辑客户记录时调用此方法。客户记录以模式（弹出）显示。

c) EditClientFeature(ClientFeatureViewModel model): 此方法将更新客户端记录。

客户端特征视图模型

public class ClientFeatureViewModel

{

    public string ClientID { get; set; }

    public string WorkProcessID { get; set; }

    public int? Certification { get; set; }

    public bool? TrackingActive { get; set; }

    public string ClientCode { get; set; }

    public string ContractNo { get; set; }

    public string ProductCode { get; set; }

}

Answer 1

我认为您的onclick函数参数值被视为变量，而不是字符串。解决方案 1：尝试在下面以字符串形式传递：（虽然未测试！）onclick="EditCF(\'' + @Model.Piva + '\', \'' + @feature.WorkProcessId+ '\')"解决方案 2：最好在click为链接添加类后附加处理程序。并使用HTML5 数据属性来存储您的价值客户端。<a href="#" class="btn btn-success editClient" data-ClientID="@Model.Piva" data-WorkProcessId="@feature.WorkProcessId"><i class="glyphicon glyphicon-pencil"></i></a>&nbsp;$('.editClient).on('click', function() {&nbsp; &nbsp; var clientID = $(this).data('ClientID');&nbsp; &nbsp; var workProcessId = $(this).data('WorkProcessId');&nbsp; &nbsp; var url = "/Admin/EditClientFeature?ClientID=" + clientID&nbsp;&nbsp; &nbsp; + "?WorkProcessID=" + workProcessID;&nbsp; &nbsp; $("#ModalBodyDiv").load(url, function () {&nbsp; &nbsp; &nbsp; $("#ModalClientFeatures").modal("show");&nbsp; &nbsp; })});&nbsp; &nbsp;参考希望这可以帮助。