点击asp.net中的标签如何打开新页面并发送数据？

Question

我有一个数据表，一列有 3 个图标

js

var datatableVariable = $('#projects-progress').DataTable({
    data: data,
    columns: [
    { 'data': 'project_name' },
    {
       mRender: function (o) { return '<a href="#" class="btn btn-primary btn-xs"><i class="fa fa-folder"></i> View </a>'; }
  },
] )};

我想在用户点击查看时打开所选行的详细信息页面。所以，我想我需要在某处传递一些数据并打开新的详细信息页面。我怎样才能做到这一点？谢谢

编辑

我试试这个

{
  'data': 'project_number',
  "render": function (data, type, full, meta) {
   return '<a href="project_details.aspx?id="+data class="btn btn-primary btn-xs"> <i class="fa fa-folder"></i> View </a > <a href="#" class="btn btn-info btn-xs"><i class="fa fa-pencil"></i> Edit </a> <a href="#" class="btn btn-danger btn-xs"><i class="fa fa-trash-o"></i> Delete </a>';
                                  }
                                },

解决方案

'<a href="project_details.aspx?id=' + data + '" class="btn btn-primary btn-xs"> <i class="fa fa-folder"></i> View </a > <a href="#" class="btn btn-info btn-xs"><i class="fa fa-pencil"></i> Edit </a> <a href="#" class="btn btn-danger btn-xs"><i class="fa fa-trash-o"></i> Delete </a>';

这是一个语法错误。

Answer 1

您可以使用 render 函数中的 meta.row 获取当前 row ID，然后将其传递给 function。之后，使用 table.row(number).data() 获取行数据并将该数据传递到查询字符串中。像这样：

//declare a variable to store reference to datatable object
var table;

table = $("selector").DataTable({
  //... your other configuration here

  columns: [
    {
        "render": function(row, type, data, meta) {
            return '<i class="fa fa-pencil" onclick="navigate(' + meta.row + ')"></i>';
        }
    }
  ]
});

//this function is outside the datatables initialization block
function navigate(rowId) {
  //get row data here using row id
  var rowData = table.row(rowId).data();

  //for example we want to redirect to details page with user name and age
  window.location.href = "project_details.aspx?name=rowData.username";
}

或你可以像这样直接使用anchor button：

columns: [
    {
        "render": function(row, type, data, meta) {
            return '<a href="project_details.aspx?id=' + meta.row + '"></a>';
        }
    }
  ]

meta.row 将为您提供 数据表的内部行 ID（从零开始）
data 会给你 你的数据对象。 你可以用这个得到任何你需要的属性 , 比如 id

Answer 2

your solution is here...

'<a href="project_details.aspx?id=' + data + '" class="btn btn-primary btn-xs"> <i class="fa fa-folder"></i> View </a > <a href="#" class="btn btn-info btn-xs"><i class="fa fa-pencil"></i> Edit </a> <a href="#" class="btn btn-danger btn-xs"><i class="fa fa-trash-o"></i> Delete </a>';

点击asp.net中的标签如何打开新页面并发送数据？

How to open new page and send data when click on a tag in asp.net?

asp.net

jquery

href

button

js

编辑

解决方案