MVC5未捕获ReferenceError:在HTMLButtonElement.onclick上未定义addNewRowTract

时间:2018-11-05 19:19:02

标签: javascript jquery asp.net-mvc asp.net-mvc-5

该项目是弹出模式的一部分,我在将函数addNewRowTract(btnID,texboxID)连接到我的<button.... onclick="addNewRowTract('#addTract','#TractId')">时遇到问题。我在同一.cshtml视图页面@section脚本{...中包含了jQuery,并且元素onclick未连接到js。任何方向都将非常有帮助。

功能如下:

function addNewRowTract(btnID, texboxID) {

    var myurl = $(btnID).data('url');
    var id = $(texboxID).val();
    var taskID = $(btnID).attr('data-taskID');
    var mydata = {
        'Id': id,
        'TaskID': taskID
    };

    var tableID = $(btnID).data('table');

    $.ajax({
        url: myurl,
        data: mydata,
        type: "post",
        cache: false,
        success: function(result) {
            $(tableID).find('tbody:first').prepend(result);
        }
    });

}

//here's the button

<button type="button" class="btn btn-success" data-dismiss="modal" id="addTract" data-url='@Url.Action("NewTaskTract", "Tasks")' data-taskID='@Model.TaskID' data-table="#taskTractTable" onclick="addNewRowTract('#addTract','#TractId')" />

1 个答案:

答案 0 :(得分:0)

为任何类型的对象(如下面的代码)添加事件侦听器的正确方法

  

HTML

<button type="button" class="btn btn-success" data-dismiss="modal" id="addTract" data-url='@Url.Action("NewTaskTract", "Tasks")' data-taskID='@Model.TaskID' data-table="#taskTractTable" data-textboxid="#TractId">
  

JavaScript

    $('body').on('click','#addTract',function(){
      var btnId=$(this).attr('id');
      //and your rest of code
    });