数据表获取选定的单元格并将其显示在另一个页面中

Question

我正在使用数据表和模型视图控制器，我想在另一个局部视图中显示选定的单元格。

例如这是我的数据表：

<table id="display1">
<tbody>
<tr>
<td><a href="#">0.34</a><td>
<td><a href="#">0.35</a><td>
</tr>
</tbody>

这是我的脚本：

 $(document).ready(function(){
    $('#display1 tbody').on('click', 'td', function () {
        $("#selectedOption").html($(this).val());
    });
});

其中 selectedOption 是局部视图中的 div。问题是它不显示选定的单元格。

Answer 1

试试这个更新的 javascript：

var table =  $('#display1').DataTable();

$('#display1 tbody').on( 'click', 'td', function () {
    $("#selectedOption").html( table.cell( this ).data() );
} );

这个更新的 HTML：

<table id="display1" name="display1">
<thead>
  <tr><th>1</th><th>2</th></tr>
</thead>
<tbody>
<tr>
<td><a href="#">0.34</a></td>
<td><a href="#">0.35</a></td>
</tr>
</tbody>
</table>

<div id="selectedOption"></div>

你也忘了关闭你的“/td”标签

小提琴here

让我知道这是否适合你