2014-09-22 69 views
1

我創建了一個listview,並且一旦從數據庫中檢索到數據,它就會顯示在該列表視圖中。 我想滑動列表視圖項目以刪除數據庫中的數據,並希望在列表視圖中顯示更新的數據。 我可以在這個..plz幫助中實現bot。從列表項中滑動以刪除數據庫中的數據

showRecords()其用於從數據庫

function showRecords() 
{ 
var selectAllStatement = "SELECT * FROM list ORDER BY subject"; 

db.transaction(function (tx) { 

    tx.executeSql(selectAllStatement, [], function (tx, result) { 
    var dataset = result.rows.length; 
    var combinelist=''; 

    for (var i = 0; i < dataset; i++) 
    { 

     res = result.rows.item(i); 
     var Lid=res.id; 
     var Lsubject=res.subject; 
     var Ldesc=res.desc; 
     var Ldate=res.date; 
     combinelist+='<li id="lists" rel="'+Lid+'" style="border-bottom:solid; background:#CFF">' + Lsubject + '<br>' + Ldesc + '<br>' + Ldate + '<br>' + '<a href="#" data-ajax="false" data-role="button" onclick="loadRecord('+Lid+');" class="ui-btn ui-corner-all ui-btn-inline" id="editbtn"> Edit</a></li>'; 
      $("#showlist").html(combinelist).listview('refresh'); 
      } 
      }); 
     }); 
     } 

列表視圖代碼顯示數據..

<center><h2> To-Do List</h2></center> 
<ul id="showlist" data-role="listview"> 
</ul> 

Pageinit

$(document).on("pageinit","#pageone",function(){ 
localStorage.Lid=Lid; 
alert(Lid); 
$("ul_showlist").on("swiperight", swipeHandler); 
function swipeHandler(){ 
alert("hello");; 

var sql='DELETE FROM list WHERE id='+Lid+''; 
    db.transaction(function (tx) { tx.executeSql(sql,showRecords); alert("Delete Sucessfully"); }); 
} 
}); 
+0

有一個演示--- http://demos.jquerymobile.com/1.4.2/swipe-list/ --copy代碼並修改它適合你的項目。 – Tasos 2014-09-22 07:15:46

+0

但我想刪除從數據庫中檢索到的列表項。 – Manikandan 2014-09-22 07:26:56

+0

您面臨的問題是什麼? – Aravin 2014-09-22 11:01:50

回答

0

由於可能能夠刷卡和刪除的記錄..

$('#showlist #lists').on("swiperight",swiperight_list); 

    function swiperight_list(event) 
    { 
    var Lid=$(this).attr('rel'); 
    var sql='DELETE FROM list WHERE id='+Lid+''; 
    db.transaction(function (tx) { tx.executeSql(sql); 
    alert("Delete Sucessfully"); }); 
    }