使用jQuery使用ID填充modal
这是我的控制器文件。我正在使用渲染功能为每一行创建编辑和删除按钮。我可以通过render函数传入员工ID使用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
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();有人能帮我理解应该有什么参数吗