listitem - Supprimer dynamiquement

J'ai créé la liste en fonction de l'AJAX résultat. Fondamentalement, ajouter dynamiquement les éléments dans la liste. Mais Dans un second temps ajax d'appel,l'élément de la liste ajouter aux éléments précédents. Je veux recharger la liste nouvellement. Il devrait contient les résultats du deuxième appel ajax.

Je veux supprimer tous les éléments de la liste à lui seul.Pas une liste à partir de la page.

Un m'aider.

Code pour ajouter dynamiquement la valeur de la liste:

var parent = document.getElementById('listview');
var listItem = document.createElement('li');
listItem.setAttribute('id','listitem_'+i);
listItem.innerHTML = "one";
parent.appendChild(listItem);
$(parent).listview("refresh");
InformationsquelleAutor Finder | 2011-01-10
  1. 20
    $('#listview').children().remove('li');

    cela devrait faire l'affaire pour effacer la liste.

    P. S.
    Si vous avez l'intention d'utiliser jQuery, puis l'utiliser.

    • Pourquoi aurait-on utiliser cette méthode de plus de $('#listview').empty();
    • parce que #listview peut contenir des éléments qui ne sont pas des li et il ne veut pas les supprimer
    InformationsquelleAutor Rumplin
  2. 14

    Si vous souhaitez supprimer tout, alors pourquoi ne pas utiliser jQuery pour le faire?

    $('#listview').empty();
    InformationsquelleAutor naugtur
  3. 1

    Cela vous aidera à créer un iphone comme balayez vers la supprimer. C'est en référence à http://forum.jquery.com/topic/adding-an-iphone-style-swipe-to-delete-button-to-a-listview

    EXERCISEDESCRIPTION.swipeDelete = function(exerciseSetsListview, callback) {

    var listViewJq = '#'+exerciseSetsListview;
    $(listViewJq).children().each(function(){
        var child = $(this);
        var childId = child.attr('id');
        var splitId = childId.split("_");
        var childIdVar = '#'+childId;
        var childIdBtnVar = splitId[0]+'_button_'+splitId[1];
        var childIdBtnVarJq = '#'+childIdBtnVar;

        $(childIdVar).bind('swiperight', function() {
              $(childIdVar).prepend('<a href="#" id="'+childIdBtnVar+'" class="aSwipeBtn" data-theme="b" data-inline="true" data-role="button">Delete</a>');
              $(childIdBtnVarJq).button();
              $(childIdVar).unbind('swiperight');
              $(childIdBtnVarJq).bind('click tap', function() { 
                  $(childIdVar).remove();
                  var splitButtonId = childIdBtnVarJq.split("_");
                  callback(splitButtonId[2]);
              });
            });         

    });

};

    utilisation:

    EXERCISEDESCRIPTION.swipeDelete('exerciseSetsListview',
    function(e) {
        EXERCISEDESCRIPTION.setsObj.splice(e,1);
        EXERCISEDESCRIPTION.repopulateSets();
    });
    InformationsquelleAutor mayan
  4. 0

    Si j'ai bien compris vous êtes en question , vous êtes en train de vider la liste avant de vous ajouter de nouveaux entryes . Vous pouvez faire ceci :

    var parent = document.getElementById('listview');

//remove all childs here , or easyer with html()
parent.html('');

var listItem = document.createElement('li');
listItem.setAttribute('id','listitem_'+i);
listItem.innerHTML = "one";
parent.appendChild(listItem);
$(parent).listview("refresh");
    InformationsquelleAutor Poelinca Dorin
  5. 0
    function removeAllOptions(selectbox){
   var i;
   for(i=selectbox.options.length-1;i>=0;i--){
       selectbox.remove(i);
   }
}
    InformationsquelleAutor Van Coding