使用局部视图、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> 

$('.editClient).on('click', function() {

    var clientID = $(this).data('ClientID');

    var workProcessId = $(this).data('WorkProcessId');

    var url = "/Admin/EditClientFeature?ClientID=" + clientID 

    + "?WorkProcessID=" + workProcessID;

    $("#ModalBodyDiv").load(url, function () {

      $("#ModalClientFeatures").modal("show");

    })

});   

参考

希望这可以帮助。