Comment réinitialiser/effacer tous les filtres (select2, select, input) dans le x-modifiable table?

Je veux avoir un réinitialiser/effacer bouton pour tous les filtres à utiliser, mais je ne peux pas comprendre ce qui se déclenche sur-cliquez sur l'événement liées à ce bouton... pour exemple:

Qu'aurais-je à feu et/ou attach & passer à ce qui afin de réinitialiser tous ces select2, de sélectionner et de champs d'entrée et de restaurer tous les filtres à null/valeurs vides?

Êtes-vous en mesure de créer un jsfiddle ou quelque chose ?

OriginalL'auteur Crazy Serb | 2015-08-18

26

Sur clic de bouton, vous avez besoin de réinitialiser la valeur de select2.

Voir ce programmatique façon de réinitialiser https://select2.github.io/examples.html#programmatic

Tous vous avez besoin pour votre bouton pour réinitialiser tous les select2 entrées au lieu de 1, comme illustré dans l'exemple.
```
$('#yourButton').on('click', function() {
    $('#yourfirstSelect2').val(null).trigger("change");
    $('#yourSecondSelect2').val(null).trigger("change");
    ....
});
```
Juste au cas où, vous utilisez 3.5.x version, puis il y a des petits changements, comme ici, http://select2.github.io/select2/#programmatic
```
$('#yourButton').on('click', function() {
    $('#yourfirstSelect2').select2("val", "");
    $('#yourSecondSelect2').select2("val", "");
    ....
});
```
Pour la réinitialisation d'autres valeurs dans x-modifiable, vous pouvez suivre cette x-modifiable réinitialisation des champs.

Il y a toujours un jQuery moyen de compensation tout dans un formulaire -
```
$('#formName')[0].reset();
```
OriginalL'auteur Bikas
6

Cela a fonctionné pour moi

Il réinitialise tous les select2 options sélectionnées lorsque le formulaire est réinitialisé, vous pouvez lancer ce sur cliquez sur le bouton de l'événement ou de tout autre événement en fonction de vos besoins.
```
$("#id").val(null).trigger("change"); 
```
OriginalL'auteur gaurav

essayer ce code ci-dessous pour réinitialiser tout. trouvé sur 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>

OriginalL'auteur J Santosh

Selon votre capture d'écran, je suppose que tous les filtre sont générés dynamiquement. Pour réinitialiser l'ensemble de la zone, vous pouvez utiliser les éléments suivants jQuery code.

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

Si vous avez la forme, alors vous pouvez utiliser ce code :

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

Voici quelques détails qui font le travail pour vous,

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

Veuillez consulter ce post: La réinitialisation d'un multi-étape de formulaire avec jQuery

OriginalL'auteur Bhavin Solanki

-2

le mieux est de retirer le select.

Qui fonctionne comme suit:
$('.select2-search-choice').remove();

Pour supprimer le sélecteur, j'ai consulté le nom du sélecteur.

OriginalL'auteur Cristian Milciades Llanes

Vous devez vous connecter pour publier un commentaire.