-1

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

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

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

问候

jQuery 代码。

               $.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>

所以,中继器的参考被选中,它的值应该在数据表中过滤

4

2 回答 2

0

我认为你可以实现你想要的.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");
    });
于 2013-03-22T00:30:26.860 回答
0

好的 - 排序它。我不得不使用 event.preventDefault 来停止回帖,然后使用

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

现在就弄清楚如何重置桌子,然后好好工作

于 2013-03-22T10:35:21.150 回答