Jquery 用于按不同参数排序的Datatables ajax
我正在使用datatables jquery插件和AJAX方法。My AJAX返回类似于以下内容的内容:Jquery 用于按不同参数排序的Datatables ajax,jquery,datatables,jquery-datatables,Jquery,Datatables,Jquery Datatables,我正在使用datatables jquery插件和AJAX方法。My AJAX返回类似于以下内容的内容: [ ["1463","Example title 1",{"display":"02\/03\/2015 12:15:00","timestamp":"1425297601"},1,"1",0,0,0,0,0,0,0,0], ["1462","Example title 2",{"display":"02\/03\/2015 11:45:00","timestamp":"1425295802
[
["1463","Example title 1",{"display":"02\/03\/2015 12:15:00","timestamp":"1425297601"},1,"1",0,0,0,0,0,0,0,0],
["1462","Example title 2",{"display":"02\/03\/2015 11:45:00","timestamp":"1425295802"},1,"1",0,0,0,0,0,0,0,0],
["1461","Example title 3",{"display":"02\/03\/2015 11:30:00","timestamp":"1425295220"},1,"1",0,0,0,0,0,0,0,0]
]
其中,它应在字段2中显示第一个值,但按第二个值排序。当数据在页面加载时提供给表,而不是在ajax调用中时,这可以很好地工作
我的表格HTML/脚本是:
<script type="text/javascript">
$(document).ready(function() {
$('#resultsLatestPosts').DataTable({
dom: 'T<"clear">frtip',
autoWidth: false,
iDisplayLength: 50,
scrollY: "420px",
paging: false,
tableTools: {sSwfPath:'/includes/js/DataTables-1.10.4/extensions/TableTools/swf/copy_csv_xls_pdf.swf',aButtons:["copy","xls","pdf"]},
ajax: 'index.php?ajax=1&function=getLatestPosts',
ajaxDataProp: '',
})
})
</script>
<table id="resultsLatestPosts" class="display">
<thead>
<tr>
<th>Post Title</th>
<th>Sent</th>
<th>Accounts Sent to</th>
<th>Posts Sent</th>
<th>Social Leads</th>
<th><img src="/images/icons/vendor_postdetails/download-icon-32.png" data-toggle="tooltip" data-placement="left" alt="Downloads" title="Downloads" /><span style="display:none">Downloads</span></th>
<th><img src="/images/icons/vendor_postdetails/followers-icon-32.png" data-toggle="tooltip" data-placement="left" alt="Connections" title="Connections" /><span style="display:none">Connections</span></th><th><img src="/images/icons/vendor_postdetails/retweet-icon-32.png" data-toggle="tooltip" data-placement="left" alt="Retweets" title="Retweets" /><span style="display:none">Retweets</span></th>
<th><img src="/images/icons/vendor_postdetails/like-icon-32.png" data-toggle="tooltip" data-placement="left" alt="Likes" title="Likes" /><span style="display:none">Likes</span></th>
<th><img src="/images/icons/vendor_postdetails/favourite-icon-32.png" data-toggle="tooltip" data-placement="left" alt="Favourites" title="Favourites" /><span style="display:none">Favourites</span></th>
<th><img src="/images/icons/vendor_postdetails/reply-icon-32.png" data-toggle="tooltip" data-placement="left" alt="Comments/Replies" title="Comments/Replies" /><span style="display:none">Comments/Replies</span></th>
<th><img src="/images/icons/vendor_postdetails/extended-followers-icon-32.png" data-toggle="tooltip" data-placement="left" alt="Extended Reach" title="Extended Reach" /><span style="display:none">Extended Reach</span></th></tr>
</thead>
</table>
如何模拟此处的排序操作:
请有人解释一下我遗漏了什么。谢谢。我觉得您好像误解了
渲染的位置
您应改为使用:
$('#resultsLatestPosts').DataTable({
... snip
render: {
"filter": "filter",
"display": "display"
}
});
您的JSON应该是这样的:
["1463","Test post", "display":"02\/03\/2015 12:15:00","filter":"1425297601",1,"1",0,0,0,0,0,0,0,0]
见
注意:这些都没有经过测试,我也没有使用DataTables的这一部分
["1463","Test post", "display":"02\/03\/2015 12:15:00","filter":"1425297601",1,"1",0,0,0,0,0,0,0,0]