Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/386.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何在Jquery数据表中添加带有参数的href调用javascript函数的链接?_Javascript_Jquery_Ajax_Spring Mvc_Datatables - Fatal编程技术网

如何在Jquery数据表中添加带有参数的href调用javascript函数的链接?

如何在Jquery数据表中添加带有参数的href调用javascript函数的链接?,javascript,jquery,ajax,spring-mvc,datatables,Javascript,Jquery,Ajax,Spring Mvc,Datatables,我想使用参数empId值从datatable列Edit/Delete链接调用editEmployee/deleteEmployee函数 如何在从编辑和删除链接调用的editEmployee/deleteEmployee函数中传递empId列值 下面是我的javascript代码: table = $('#employeesTable').DataTable( { "sAjaxSource" : "/SpringDemo/em

我想使用参数empId值从datatable列Edit/Delete链接调用editEmployee/deleteEmployee函数

如何在从编辑和删除链接调用的editEmployee/deleteEmployee函数中传递empId列值

下面是我的javascript代码:

table = $('#employeesTable').DataTable(
                {
                    "sAjaxSource" : "/SpringDemo/employees",
                    "sAjaxDataProp" : "",
                    "order" : [ [ 0, "asc" ] ],
                    "aoColumns" : [
                            {
                                "className": "dt-center",
                                "sClass" : "center",
                                "mData" : "empId"
                            },
                            {
                                "orderable": false,
                                data: null,
                                className: "dt-center",
                                defaultContent: '<a href="javascript:editEmployee(empId);" class="glyphicon glyphicon-pencil text-primary"></a>'
                            } ,
                            {
                                "orderable": false,
                                data: null,
                                className: "dt-center",
                                defaultContent: '<a href="javascript:deleteEmployee(empId);" class="glyphicon glyphicon-remove text-danger"></a>'
                            } ]
                })
table=$('employeesTable')。数据表(
{
“sAjaxSource”:“/SpringDemo/employees”,
“sAjaxDataProp”:“,
“订单”:[[0,“asc”]],
“aoColumns”:[
{
“类名称”:“dt中心”,
“sClass”:“中心”,
“mData”:“empId”
},
{
“可订购”:错误,
数据:空,
类名:“dt中心”,
默认内容:“”
} ,
{
“可订购”:错误,
数据:空,
类名:“dt中心”,
默认内容:“”
} ]
})
table=$('employeesTable')。数据表(
{
“sAjaxSource”:“/SpringDemo/employees”,
“sAjaxDataProp”:“,
“订单”:[[0,“asc”]],
“aoColumns”:[
{
“类名称”:“dt中心”,
“sClass”:“中心”,
“mData”:“empId”
},
{
“可订购”:错误,
数据:空,
类名:“dt中心”,
默认内容:“”
} ,
{
“可订购”:错误,
数据:空,
类名:“dt中心”,
默认内容:“”
} ]
})
$('.edit link')。在('click',函数(){
var empid=$(this).data('emp_id'))
window.location.href=“编辑url”;
});
$('.delete link')。在('click',函数(){
var empid=$(this).data('emp_id'))
window.location.href=“删除url”;
});

基本上,您需要基于类为每个类设置onclick事件。。然后获取已单击按钮的data-emp_id属性中存储的empID,然后适当重定向

谢谢大家的评论

我已经解决了这个问题,将id存储在隐藏输入中,然后像这样在编辑中访问它

$(document).on('click', '#employeesTable tr', function(e) {
    var row_object = table.row(this).data();
    $("#hdnID").val(row_object.empId);
});

function editEmployee() {
    $.ajax({
        url : 'edit/' + $("#hdnID").val(),
        type : 'GET',
        success : function(result) {
            // Do something with the result
        }
    });
}

你会拉小提琴吗
$(document).on('click', '#employeesTable tr', function(e) {
    var row_object = table.row(this).data();
    $("#hdnID").val(row_object.empId);
});

function editEmployee() {
    $.ajax({
        url : 'edit/' + $("#hdnID").val(),
        type : 'GET',
        success : function(result) {
            // Do something with the result
        }
    });
}