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"); });
}
});
有一個演示--- http://demos.jquerymobile.com/1.4.2/swipe-list/ --copy代碼並修改它適合你的項目。 – Tasos 2014-09-22 07:15:46
但我想刪除從數據庫中檢索到的列表項。 – Manikandan 2014-09-22 07:26:56
您面臨的問題是什麼? – Aravin 2014-09-22 11:01:50