使用jQuery使用ID填充modal

使用jQuery使用ID填充modal,jquery,asp.net,angularjs,ajax,datatables,Jquery,Asp.net,Angularjs,Ajax,Datatables,这是我的控制器文件。我正在使用渲染功能为每一行创建编辑和删除按钮。我可以通过render函数传入员工ID app.controller("postCtrl", function ($scope, tableAppService) { $scope.Model = { EmployeeID: "", Name: "", Age: "", Desig

这是我的控制器文件。我正在使用渲染功能为每一行创建编辑和删除按钮。我可以通过render函数传入员工ID

app.controller("postCtrl", function ($scope, tableAppService) {
    $scope.Model = {
        EmployeeID: "",
        Name: "",
        Age: "",
        Designation: "",
        Address: "",
        Salary:""
    }

    $scope.OnAdd = function () {
        $("#EmployeeModal").modal("show");
    };

    $.fn.dataTable.ext.errMode = 'none';

    var table = $("#employeeTable").DataTable({

        "ajax": {

            "url": "/api/Data",
            "type": "GET",
            "datatype": "json",
            contentType: "application/json",
            dataSrc: function (json) {
                return json;
            }
        },
        "columnDefs":
            [{
                "targets": [0],
                "visible": false
            }],
        "columns": [
            { "data": "EmployeeID", "visible": false, "searchable": false },
            { "data": "Name", title: "Name" },
            { "data": "Age", title: "Age" },
            { "data": "Designation", title: "Designation" },
            { "data": "Address", title: "Address" },
            { "data": "Salary", title: "Salary" },
            {
               
                "render": function (data, type, row) {
                    return '<button class="btn btn-success text-white" onclick="angular.element(this).scope().OnEdit('+row.EmployeeID+')">Edit</button>';
                },
                orderable: false
            },
            {
               
                "render": function (data, type, row) {
                    return '<button class="btn btn-danger text-white" onclick="angular.element(this).scope().OnDelete(' + row.EmployeeID + ')">Delete</button>';
                },
                orderable: false
            }
        ]

    });

    $scope.PostData = function () {
        tableAppService.postDetails($scope.Model)
            .then(function (response) {
                console.log(response);
            },
                function (error) {
                    console.log(error);
            });
    };

    $scope.OnEdit = function () {
        
        //var data = table.row($(this).parents('tr')).data();   
       // $scope.Model = data;
        $("#EmployeeModal").modal("show");
 
    };

    $scope.OnDelete = function (i) {
       
    };
});
我尝试在OnEdit()中使用注释行,但没有效果。我试图将行的数据存储在var数据中,然后将数据传递到顶部定义的$scope.Model中

我不知道如何获取传递ID的数据。这是一个使用datatables.net创建的表。请让我知道我应该如何执行OneEdit和OnDelete函数

app.controller("postCtrl", function ($scope, tableAppService) {
    $scope.Model = {
        EmployeeID: "",
        Name: "",
        Age: "",
        Designation: "",
        Address: "",
        Salary:""
    }

    $scope.OnAdd = function () {
        $("#EmployeeModal").modal("show");
    };

    $.fn.dataTable.ext.errMode = 'none';

    var table = $("#employeeTable").DataTable({

        "ajax": {

            "url": "/api/Data",
            "type": "GET",
            "datatype": "json",
            contentType: "application/json",
            dataSrc: function (json) {
                return json;
            }
        },
        "columnDefs":
            [{
                "targets": [0],
                "visible": false
            }],
        "columns": [
            { "data": "EmployeeID", "visible": false, "searchable": false },
            { "data": "Name", title: "Name" },
            { "data": "Age", title: "Age" },
            { "data": "Designation", title: "Designation" },
            { "data": "Address", title: "Address" },
            { "data": "Salary", title: "Salary" },
            {
               
                "render": function (data, type, row) {
                    return '<button class="btn btn-success text-white" onclick="angular.element(this).scope().OnEdit('+row.EmployeeID+')">Edit</button>';
                },
                orderable: false
            },
            {
               
                "render": function (data, type, row) {
                    return '<button class="btn btn-danger text-white" onclick="angular.element(this).scope().OnDelete(' + row.EmployeeID + ')">Delete</button>';
                },
                orderable: false
            }
        ]

    });

    $scope.PostData = function () {
        tableAppService.postDetails($scope.Model)
            .then(function (response) {
                console.log(response);
            },
                function (error) {
                    console.log(error);
            });
    };

    $scope.OnEdit = function () {
        
        //var data = table.row($(this).parents('tr')).data();   
       // $scope.Model = data;
        $("#EmployeeModal").modal("show");
 
    };

    $scope.OnDelete = function (i) {
       
    };
});
app.controller(“postcrl”,函数($scope,tableAppService){
$scope.Model={
雇员ID:“”,
姓名:“,
年龄:“,
名称:“,
地址:“,
薪金:“
}
$scope.OnAdd=函数(){
美元(“#employeemodel”).model(“show”);
};
$.fn.dataTable.ext.errMode='none';
var表=$(“#employeeTable”).DataTable({
“ajax”:{
“url”:“/api/数据”,
“类型”:“获取”,
“数据类型”:“json”,
contentType:“应用程序/json”,
dataSrc:函数(json){
返回json;
}
},
“columnDefs”:
[{
“目标”:[0],
“可见”:错误
}],
“栏目”:[
{“数据”:“EmployeeID”,“可见”:false,“可搜索”:false},
{“数据”:“名称”,标题:“名称”},
{“数据”:“年龄”,标题:“年龄”},
{“数据”:“指定”,标题:“指定”},
{“数据”:“地址”,标题:“地址”},
{“数据”:“工资”,标题:“工资”},
{
“渲染”:函数(数据、类型、行){
返回“编辑”;
},
可订购:false
},
{
“渲染”:函数(数据、类型、行){
返回“删除”;
},
可订购:false
}
]
});
$scope.PostData=函数(){
tableAppService.postDetails($scope.Model)
.然后(功能(响应){
控制台日志(响应);
},
函数(错误){
console.log(错误);
});
};
$scope.OnEdit=函数(){
//var data=table.row($(this.parents('tr')).data();
//$scope.Model=数据;
美元(“#employeemodel”).model(“show”);
};
$scope.OnDelete=函数(i){
};
});

当我只使用var data=table.row().data()时;然后我可以编辑datatable的第一个元素。很明显,我需要找出它里面的参数。table.row('parameter').data();当我只使用var data=table.row().data()时,有人能帮助我理解应该有什么参数吗;然后我可以编辑datatable的第一个元素。很明显,我需要找出它里面的参数。table.row('parameter').data();有人能帮我理解应该有什么参数吗