2011-01-10 7 views
6

मैंने AJAX परिणाम के आधार पर सूची बनाई है। मूल रूप से सूची में वस्तुओं को गतिशील रूप से जोड़ें। लेकिन दूसरी बार AJAX कॉलिंग, सूची आइटम पिछले आइटम में संलग्न है। मैं सूची को फिर से लोड करना चाहता हूं। इसमें दूसरे AJAX कॉलिंग के परिणाम होना चाहिए।listitem - निकालें - गतिशील रूप से

मैं अकेले सभी सूची आइटमों को हटाना चाहता हूं। पृष्ठ से कोई सूची नहीं।

कोई भी मेरी मदद करता है।

कोड गतिशील सूची मूल्य जोड़ने के लिए:

var parent = document.getElementById('listview'); 
var listItem = document.createElement('li'); 
listItem.setAttribute('id','listitem_'+i); 
listItem.innerHTML = "one"; 
parent.appendChild(listItem); 
$(parent).listview("refresh"); 

उत्तर

20
$('#listview').children().remove('li'); 

इस चाल सूची खाली करने के लिए क्या करना चाहिए।

पीएस यदि आप jQuery का उपयोग करना चाहते हैं, तो इसका उपयोग करें।

+3

+1: यह 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]); }); }); }); }; 

उपयोग के संदर्भ में है – naugtur

+2

कोई इस विधि का उपयोग $ ('# listview') से क्यों करेगा। खाली(); – AshHimself

+1

क्योंकि ** # listview ** में ऐसे तत्व हो सकते हैं जो ** li ** नहीं हैं और वह उन्हें हटाना नहीं चाहता – Rumplin

0

तो मैं आप कर रहे हैं सवाल समझ में आया, आप सूचीदृश्य खाली करने के लिए इससे पहले कि आप नई entryes जोड़ने की कोशिश कर रहे हैं। आप में यह कर सकते हैं:

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"); 
0
function removeAllOptions(selectbox){ 
    var i; 
    for(i=selectbox.options.length-1;i>=0;i--){ 
     selectbox.remove(i); 
    } 
} 
14

यदि आप सब कुछ हटाना चाहते हैं, तो ऐसा करने के लिए jQuery का उपयोग क्यों न करें?

$('#listview').empty(); 
1

यह आपको स्वाइप हटाने जैसे आईफोन बनाने में मदद करेगा। पी एस के लिए

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