Question

我有一个数据表，其中显示一个名为Reference的字段。我还有一个显示最新条目的新闻源，它也有相同的参考字段。

我正在寻找一种解决方案，通过点击新闻源中的超链接，将过滤数据表以仅显示该引用。

这甚至可能吗？如果是这样，一些例子将是最受欢迎的。

此致

Jquery Code。

               $.datepicker.regional[""].dateFormat = 'dd/mm/yy';
               $.datepicker.setDefaults($.datepicker.regional['']);

               oTable = $('#tblMessageDetail').dataTable({
                   "aaData": dtDetailData,
                   "aLengthMenu": [[50, 100, -1], [50, 100, "ALL"]],
                  // 'aStripClasses': null,
                   "iDisplayLength": 50,
                   //"aaSorting": [[0, "asc"]],
                   "bJQueryUI": true,
                   //"bAutoWidth": false,
                   //"bProcessing": true,
                  // "sDom": 'RC<"clear">lfrtip',
                   "sDom": 'RC<"H"lfr>t<"F"ip>',

                   "aoColumnDefs": [
                       {"bVisible": false, "aTargets": [11,12,13,14]}
                   ],

                  // "sDom": 'C<"top"lfr>t<"F"ip>',
                   //"sPaginationType": "full_numbers",
                   //"bRetrieve": true,


                   //Scrolling .......
                   "sScrollY": "250px",
                   "sScrollX": "100%",
                   "sScrollXInner": "100%",
                   "bScrollCollapse": true,

                   //Dynamic Language .......
                   "oLanguage": {
                       "sZeroRecords": "There are no messages that match your search criteria",
                       "sLengthMenu": "Display _MENU_ records per page&nbsp;&nbsp;",
                       "sInfo": "Displaying _START_ to _END_ of _TOTAL_ records",
                       "sInfoEmpty": "Showing 0 to 0 of 0 records",
                       "sInfoFiltered": "(filtered from _MAX_ total records)",
                       "sEmptyTable": 'No Rows to display.....!',
                       "sSearch": "Search all columns:"
                   },
                   "oSearch": {
                       "sSearch": "",
                       "bRegex": false,
                       "bSmart": true
                   }

               });

现在是asp.net转发器：

<div class="module_content">
<asp:Repeater runat="server" ID="rptSenderBIC" >
<ItemTemplate>
<div class="message">
<p><strong>Message Type:&nbsp;</strong><asp:Literal ID="ltMessageDetail" 
runat="server" Text='<%# Eval("MsgType") %>'></asp:Literal></p>                               
<p><strong>Message Date:&nbsp;</strong><asp:Literal ID="ltMsgDate" 
runat="server" Text='<%# Eval("MsgDate") %>'></asp:Literal></p>
<p><strong>Message Time:&nbsp;</strong><asp:Literal ID="ltMsgTime" 
runat="server" Text='<%# Eval("MsgTime") %>'></asp:Literal></p>
<p><strong>Reference:&nbsp;</strong><a href="#"><asp:Literal ID="ltMsgRef" 
runat="server" Text='<%# Eval("MsgRef") %>'></asp:Literal></a></p>
</div>
</ItemTemplate>
</asp:Repeater>                    
</div>

因此，选择了转发器的参考，它的值应该在数据表中过滤

Answer 1

我认为你可以用.fnFilter()实现你想要的目标。

http://datatables.net/ref

Filter the input based on data

$(document).ready(function() {
  var oTable = $('#example').dataTable();

  // Sometime later - filter...
  oTable.fnFilter( 'test string' );
} );

我不清楚您要回复的HTML结构（我根本不了解ASP），但这样的事情可能是一个开始：

$('div.messages p:last-child a').click(function()
    {
    oTable.fnFilter("Reference");
    });

Answer 2

好的 - 对它进行排序。我不得不使用event.preventDefault来停止回发，然后使用

 $("a").click(function(event){ oTable.fnFilter(this.innerHtml); });

了解如何立即重置表格，以及如何重新开始工作

使用按钮过滤Jquery数据表

2 个答案: