Question

我有一个Bootstrap数据表，其中的元素显示来自viewbag的数据，如下所示。

<table id="table1" width="50%">
    <tr>
        <td>Data</td>
        <td>Content</td>
        <td>Comment</td>
    </tr>

    @if(ViewBag.FinalOnLeave != null)
    {
        foreach (var item in ViewBag.FinalOnLeave)
        {

    <tr>
        <td>@item.Data</td>
        <td>@item.Content</td>
        <td><a class="comment" onclick="showDataId(@item.ID)" href="#">Comment</a></td>
    </tr>

        } 
    }
</table>

Jquery中的Datatable引导代码如下所示

   $("#table1").DataTable({
                    "bPaginate": true,
                    "bFilter": false
                    }});

//并且应该从链接获取所选id的函数如下所示..

function showDataId(dataID)
{
    // display alert

    alert(dataID);
}

但是我确实意识到了一件事，当我为每个链接分配一个捕获dataID值的函数时，A-link在数据表中运行不正常，该函数响应不好。

所以我尝试使用数据表点击事件的另一种方法，通过识别链接的类，如下所示，

    $('#table1').on('click', 'a.comment', function (e) {

              //showDataId(dataID)

    });

我最大的挑战是，如何从此数据表事件中访问@ item.dataID

Answer 1

我确实找到了正在尝试的解决方案，而且非常简单，

$('#table1').on('click', 'a.comment', function (e) {

           var dataid = this.id; // this is all i needed

           showDataId(dataid );

  });

从数据表事件

1 个答案: