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>

你也忘了关闭你的＆＃34; / td＆＃34;标签

小提琴here

如果这对您有用，请告诉我

数据表将被选中并在另一页

1 个答案: