HTML 5脱机的SQLite数据库

我已经通过本教程：http://www.mobilehtml5.com/post/401111526/tutorial-your-first-mobile-html5-app-offline-storage HTML 5脱机的SQLite数据库

我一直在使用它来创建一个简单的数据库来记录钱街机，与表中存储的名称和数量在每台机器中。

我的问题是，我不知道最好的方法来轻松地编辑行？ html5rocks.com给了我几个想法，但没有什么合适的。

任何人都可以把我放在正确的轨道上吗？我不知道正确的方法，是否有某种类型的游标类型的做法？或者我应该有一个循环加载到输入表单框中的值，然后更新这些？

任何帮助将是辉煌的，我已经包含在下面的代码，所以你可以看到我在做什么。

<!DOCTYPE html> 
<html> 
<head> 
<title>Machine Total Calculator</title> 
<script src="http://www.google.com/jsapi"></script> 
<script> 
    google.load("jquery", "1.4.1"); 
</script> 
<script> 

    var db = window.openDatabase("Machines", "", "Arcade Machines", 1024*1000); 

function insertMachine(name, amount) { 
    db.transaction(function(tx) { 
     tx.executeSql('INSERT INTO groupOne (name, amount) VALUES (?, ?)', [name,  amount]); 
    }); 
    } 

    function renderResults(tx, rs) { 
    e = $('#status'); 
    e.html(""); 
    for(var i=0; i < rs.rows.length; i++) { 
     r = rs.rows.item(i); 
     e.html(e.html() + 'id: ' + r['id'] + ', Name: ' + r['name'] + ', Amount: ' + r['amount'] + '<br>'); 
    } 
    } 


    function renderRecords(name) { 
    db.transaction(function(tx) { 

     tx.executeSql('SELECT * FROM groupOne', [], renderResults); 

    }); 
    } 


    $(document).ready(function() { 
    db.transaction(function(tx) { 
     tx.executeSql('CREATE TABLE IF NOT EXISTS groupOne(id INTEGER PRIMARY KEY, name TEXT, amount DECIMAL)', []); 
    }); 


$('#machine_form').submit(function() { 
insertMachine($('#name').val(), $('#amount').val()); 

    renderRecords(); 
    return false; 
}); 


renderRecords(); 
}); 
</script> 
</head> 
<body> 
<form method="get" id="machine_form"> 
    <div> 
    <input type="name" id="name" placeholder="Enter Machine Name" size="30"/> 
    <input type="number" current id="amount" placeholder="Amount" name="amount" size="15" /> 
    <input type="submit" value="Add Machines" /> 
    </div> 
</form> 
<div id="status"> 
</div> 
</body> 
</html>

来源

2011-02-26 mark

据我了解你的问题：你必须使用相同的方式，例如，在PHP + MySQL中。您必须将整个记录按值装载到INPUTs值中，记住记录的ID（例如，在隐藏的INPUT中）。在某些UPDATE按钮的onclick事件处理程序中，您可以获取这些值以及ID，并排列SQL UPDATE查询（“UPDATE groupOne SET name = ...，value = ... WHERE id = ...”）

不，这个SQL中没有“游标方式”。只要记住该记录的ID并在UPDATE中的WHERE子句中使用它。

来源

2011-02-27 11:48:32

好的，所以我想添加一个按钮，打印出哪些行通过ID更新功能，并添加编辑和更新内的能力？我试过这个，但是id不会传递给函数：e.html（e.html（）+'id：'+ r ['id'] +'，Name：'+ r ['name']] +'，金额：'+ r ['金额'] +'e'+'
'）; } – mark 2011-02-27 15:34:26

HTML 5脱机的SQLite数据库

回答

相关问题