Note that there are some explanatory texts on larger screens.

plurals
  1. PODropdown list to show records isn't working
    primarykey
    data
    text
    <p>i have the following code which performs a filter on my datatable.</p> <pre><code>$("a").click(function(event){ $("#datepicker").val('',3); oTable.fnFilter(this.InnterHtml,3); </code></pre> <p>Ok, so this is clearing this date picker text box, and then applying a specific filter based on what was selected in the a href tag.</p> <p>My problem, now, is that when i use the drop down menu to show 'ALL' records, it doesn't work. How do i clear all filters from the datatable, and return it to it's default state.</p> <p>Here is the complete JQuery Code.</p> <pre><code> $(document).ready(function () { var oTable; function renderDetailTable(result) { var dtDetailData = []; $.each(result, function () { dtDetailData.push([ this.Sender, this.MessageDate, this.MessageTime, this.Reference, this.MessageType, this.Receiver, this.ValueDate, this.Currency, this.Amount ]); }); $.datepicker.regional[""].dateFormat = 'dd/mm/yy'; $.datepicker.setDefaults($.datepicker.regional['']); oTable = $('#tblMessageDetail').dataTable({ "aaData": dtDetailData, "aLengthMenu": [[10, 25,50, 100, -1], [10, 25,50, 100, "ALL"]], "asStripClasses": null, "iDisplayLength": 10, //"aaSorting": [[0, "asc"]], "bJQueryUI": true, "bFilter": true, //"bAutoWidth": false, //"bProcessing": true, // "sDom": 'RC&lt;"clear"&gt;lfrtip', "sDom": 'RC&lt;"H"lfr&gt;t&lt;"F"ip&gt;', "aoColumnDefs": [ {"bVisible": false, "aTargets": [11,12,13,14]} ], //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&amp;nbsp;&amp;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 } }); } $.ajax({ type: 'POST', url: 'Default.aspx/GetMessageDetail', data: '{}', contentType: 'application/json;charset=utf-8', dataType: 'json', success: function (response) { //console.log(response); //alert(response.d); renderDetailTable(response.d); }, error: function (errMsg) { $('#errorMessage').text(errMsg); } }); $("#datepicker").datepicker({ "onSelect": function (date) { oTable.fnFilter(date, 1); } }).keyup(function () { oTable.fnFilter(''); oTable.fnFilter(this.value, 1); }); $(".reference").click(function (event) { event.preventDefault(); $("#datepicker").val(''); oTable.fnFilter('',1); oTable.fnFilter(this.innerHTML, 3); }); $("#resetTable").click(function (event) { // event.preventDefault(); alert("clicked"); // oTable.fnResetAllFilters(); }); }); </code></pre> <p>the drop down list is part of the datatable</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload