propiedades - JQuery DataTables-Eliminar fnFilter y mostrar todos los resultados

propiedades datatable jquery

Question

Actualmente tengo un datatable que tiene un botón para cada registro que al hacer clic muestra otra información para esa cuenta. Cuando esto sucede, llamo a fnFilter () para filtrar esa fila específica para que no se muestren otras y el usuario sabe que la subinformación que muestro es para esa cuenta específica. Lo que me gustaría hacer es cuando un usuario vuelve a hacer clic en la barra de herramientas de búsqueda, oculta la información secundaria que mostré, luego borra el filtro y muestra todos los registros originales disponibles. Todo funciona bien, excepto que el filtro no se borra, por lo que solo se muestra la fila seleccionada originalmente.

No estoy seguro de lo que me estoy perdiendo. He intentado todo, desde usar fnFilter (''''), hasta fnDraw (), hasta fnReloadAjax (). ¡Ninguno de estos (o cualquier combinación) parece funcionar!

ACTUALIZACIÓN Parecía haber aislado el problema. Si quito la columna # del fnFilter (accountid, 7), usar fnFilter ('''') vuelve a mostrar todos los registros. Sin embargo, realmente necesito filtrar por esa columna específica ya que es la única columna que contiene valores únicos para cada registro. ¿Algunas ideas? Intenté usar fnFilter ('''', nulo) pero no tuve éxito.

Aquí está mi código:

var oTable = $(''.mypbhs_accounts'').dataTable({
        "bProcessing": true,
        "sAjaxSource": ''sql/mypbhs_accounts.php'',      
        "aaSorting": [[1, "asc" ]],
        "bJQueryUI": true,
        "sPaginationType": "full_numbers",
        //"bStateSave": true, //Use a cookie to save current display of items
        "aoColumns": [
            {"asSorting": [  ], "sClass":"center"},
            null,
            null,
            null,
            null,
            null,
            null,
            { "bSearchable": true, "bVisible": false },       
            { "bSearchable": true, "bVisible": false }       
        ],
        "bScrollCollapse": true,
        "sScrollX": "100%",
         "fnInitComplete": function() {
                oTable.fnAdjustColumnSizing();
         }
    });
/*** CLEAR CURRENT ACCOUNT INFO ***/
$(document).on(''click'',''.mypbhs_content .dataTables_filter'',function(){ //THIS IS CALLED WHEN USER CLICKS INTO THE SEARCH BAR
    $(''.mypbhs_content .dataTables_filter :input'').val(''''); //CLEAR CURRENT VALUE IN THE SEARCH BAR
    oTable.fnFilter('''');
    //oTable.fnDraw();
    //oTable.fnReloadAjax();
    $(''.mypbhs_truform_info'').empty(); //REMOVE SUB-INFORMATION SO IT DOESNT GET ASSOCIATED WITH WRONG ACCOUNT
    $(''.control_bar'').children(''ul.mypbhs_account_controls'').empty();
});

Answer 1

Ah, parecía que lo había descubierto. Tienes que borrar el filtro en esa columna específica Y el filtro global:

oTable.fnFilter('''',7);
oTable.fnFilter('''');

Answer 2

Es sencillo borrar todos los filtros usando Datatables> 1.10:

oTable.search( '''' ).columns().search( '''' ).draw();

Answer 3

Para mí este plugin funcionó muy bien:

https://datatables.net/plug-ins/api/fnFilterClear

Answer 4

en Datatables v1.10

$(''.dataTables_filter input[type=search]'').val(''''); 

haz el truco (desmarca el cuadro de búsqueda)

Answer 5

"sPaginationType" : "bootstrap",
"iDisplayLength": 25,
"aLengthMenu": [[25, 50, 100, -1], [25, 50, 100, "All"]],
"bStateSave" : false,

Si quieres guardar los resultados de búsqueda entonces menciona

"sPaginationType" : "bootstrap",
"iDisplayLength": 25,
"aLengthMenu": [[25, 50, 100, -1], [25, 50, 100, "All"]],
"bStateSave" : true,