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

时间:2017-04-12 11:44:42

标签: jquery asp.net button href

我在一列中有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>';

这是一个语法错误。

2 个答案:

答案 0 :(得分:0)

您可以使用DELETE FROM Cart WHERE CustomerID = <the cust id>函数中的meta.row获取当前render,然后将其传递给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>'; } } ] 会为您提供数据表的内部行ID(从零开始)
  • meta.row 会为您提供您的数据对象。您可以使用此功能获取所需的任何属性,例如data

答案 1 :(得分:0)

  

你的解决方案就在这里......

'<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>';