Come reimpostare/cancellare tutti i filtri (selezionare2, selezionare, inserire) nella tabella modificabile x?

Question

Voglio avere un pulsante di reset/chiara per tutti i filtri in uso, ma non riesco a capire cosa sparare sul clic evento legato a quel pulsante ... per esempio:

Cosa dovrei sparare e/o collegare & passare a cosa per reimpostare tutti questi select2, selezionare e inserire campi e ripristinare tutti i filtri su valori nulli/vuoti?

Answer 1

Al clic del pulsante, tutto ciò che serve è reimpostare il valore di select2.

Vedi questo modo programmatico per ripristinarlo https://select2.github.io/examples.html#programmatic

Tutto ciò che serve per il pulsante per resettare tutti gli ingressi Select2 invece di 1 come mostrato nell'esempio.

$('#yourButton').on('click', function() { 
    $('#yourfirstSelect2').val(null).trigger("change"); 
    $('#yourSecondSelect2').val(null).trigger("change"); 
    .... 
}); 

Solo nel caso, si sta utilizzando la versione 3.5.x, poi c'è piccolo cambiamento come si vede qui http://select2.github.io/select2/#programmatic

$('#yourButton').on('click', function() { 
    $('#yourfirstSelect2').select2("val", ""); 
    $('#yourSecondSelect2').select2("val", ""); 
    .... 
}); 

Per ripristinare altri valori in x-modificabile è possibile seguire questa x-editable resetting fields.

C'è sempre un modo jQuery per cancellare tutto in una forma -

$('#formName')[0].reset(); 

Answer 2

provare questo codice sottostante per resettare tutto. trovato su https://vitalets.github.io/x-editable/docs.html#newrecord

<button id="reset-btn" class="btn pull-right">Reset</button> 


<script> 
$('#reset-btn').click(function() { 
$('.myeditable').editable('setValue', null) //clear values 
    .editable('option', 'pk', null)   //clear pk 
    .removeClass('editable-unsaved');  //remove bold css 

$('#save-btn').show(); 
$('#msg').hide();     
}); 
<script> 

Answer 3

Secondo il vostro screenshot, suppongo che tutto il filtro vengono generati in modo dinamico. Per ripristinare tutto il campo è possibile utilizzare il seguente codice jQuery.

$(document).ready(function() { 
    $('body').on('click','#resetButtonSelector', function() { 
     $("body select").select2("val", ""); 
     $("body input").val(""); 
     $('body select').val("") 
    }); 
}); 

Se si dispone di modulo quindi è possibile utilizzare questo codice:

$(document).ready(function() { 
    $('body').on('click','#resetButtonSelector', function() { 
     $("body select").select2("val", ""); 
     $('#formId')[0].reset(); 
    }); 
}); 

Ecco qualche dettaglio in più che possono funzionare per voi,

$(':input','#formId') 
.not(':button, :submit, :reset, :hidden') 
.val('') 
.removeAttr('checked') 
.removeAttr('selected'); 

Si prega di consultare questo post per: Resetting a multi-stage form with jQuery

Answer 4

il modo migliore è rimuovere select.

che funziona come segue: $('.select2-search-choice').remove();

Per rimuovere il selettore, ho accede il nome del selettore.

Answer 5

questo ha lavorato per me

Sarà ripristinare tutte le opzioni Select2 selezionato quando la forma è si resetta può avviare questo su evento click del pulsante o di qualsiasi altro evento in base alle vostre esigenze.

$("#id").val(null).trigger("change");