我有一个广泛使用Datatables的web2py应用程序,但形式相当简单。其中一个视图使用服务器端处理来填充表,当用户单击表的一行时,我需要从行中获取数据。我使用过Datatables网站上的示例代码,但无法使用它。
这是Datatables初始化(datatables 1.10):
<script type="text/javascript" charset="utf-8">
var oTable;
$(document).ready(function() {
oTable = $('#parts-list').dataTable({
searching: true,
displayLength: 10,
lengthChange: false,
paging: true,
processing: true,
serverSide: true,
ajax: '/init_ss/default/get_data_server_side',
"language" : {
zeroRecords: "The search turned up no part"},
"columnDefs": [
{
"data": null,
"targets": [ 6 ],
"defaultContent" : "Click on row to add to request for information</a>"
}
]
});
});
</script>
这符合预期:表格构造正确,最后一列的内容为单词&#34;点击行添加以获取信息请求。&#34;
要对表格中的行进行点击,其ID为&#34; parts-list,&#34;我有这段代码:
<script>
$(document).ready(function() {
var table = $('#parts-list').DataTable();
$('#parts-list tbody').on( 'click', 'tr', function () {
console.log( table.row( this ).data() );
alert("retrieved data from selected row");
} );
</script>
直接来自Datatables网站,在row(),data()的API参考中。对我来说,它不起作用 - 当我点击表格的任何一行时,我无法看到检索行数据的函数被调用。