【发布时间】:2014-06-29 14:48:26
【问题描述】:
我是 Cordova Android 开发的新手,这是我在 Stack Overflow 上的第一篇文章。我正在尝试使用预填充的 SQlite 数据库中的数据作为列表视图项目名称创建一个 Android 列表视图,当单击这些列表视图项目时,将使用来自同一 SQLite 数据库的数据打开一个新页面,其中包含详细信息。 (例如,“页面 1”将使用来自预填充 SQlite 数据库的数据动态创建一个列表视图,当单击列表视图项目时,将打开一个新页面“页面 2”,其中存储在同一数据库中的相关数据,如“第 1 页”和“第 2 页”中的分支详细信息)。我已经从 Git Hub 安装了 Sqlite 插件,但还没有运气。谁能帮我解决这个问题?任何查询将不胜感激。
提前致谢。
注意我正在使用 Cordova 3.5.0 CLI 和 Eclipse 进行开发,并使用 Android 4.1.2 Jelly Bean Mobile(不是模拟器,而是真正的手机)进行测试,我的代码如下----
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="js/jquery-1.11.1.js"></script>
<script src="js/jquery.mobile-1.4.2.js"></script>
<script src="js/jquery.mobile-1.4.2.min.js"></script>
<link rel="stylesheet" href="css/themes/jquery.mobile.icons.min.css" />
<link rel="stylesheet" href="css/themes/shiplu.css.min.css" />
<link rel="stylesheet" href="css/list.css" />
<link rel="stylesheet" href="css/jquery.mobile-1.4.2.css">
<script type="text/javascript" charset="utf-8">
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
var db = window.sqlitePlugin.openDatabase({name: "gmapdata"});
db.transaction(populateDB, errorCB, successCB);
}
// create table
function populateDB(tx) {
tx.executeSql('DROP TABLE IF EXISTS markers');
tx.executeSql('CREATE TABLE IF NOT EXISTS markers (id INT PRIMARY KEY NOT NULL , name VARCHAR( 60 ) NOT NULL, address VARCHAR( 80 ) NOT NULL , lat FLOAT( 10, 8 ) NOT NULL , lng FLOAT( 10, 8 ) NOT NULL , status VARCHAR, num VARCHAR DEFAULT (null) , zone VARCHAR, district VARCHAR)');
tx.executeSql('INSERT INTO markers VALUES (?,?,?,?,?,?,?,?,?)', [2,'Motijheel Branch (AD)','161 Motijheel Commercial Area, \n Dhaka- 1000 \n Ph: 9569350 (D) 7125266, 9564190, 01715028067 \n Fax: 9567664 ',23.722222,90.42171,'',NULL,'Corporate','Dhaka']);
queryDB(tx);
}
// form the query
function queryDB(tx) {
tx.executeSql("SELECT name, address, district, zone from markers;", [], querySuccess, errorCB);
}
// Display the results
function querySuccess(tx, results) {
var len = results.rows.length;
//alert("results.rows.length: " + results.rows.length + " [should be 2]");
if(len>0)
{
document.write("<ul data-role='listview'>");
for (var i = 0; i < len; i++) { // loop as many times as there are row results
document.getElementById("output").innerHTML +=
"<li><a href='#'>"+ results.rows.item(i).name +"</a></li>";
}
document.write("</ul>");
}
// Transaction error callback
function errorCB(err) {
console.log("Error processing SQL: " + err.code);
}
// Success error callback
function successCB() {
}
</script>
</head>
<body>
<script type="text/javascript" src="cordova.js"></script>
<div data-role="page" data-theme="f" id="br_list">
<div role="banner" class="ui-bar-a ui-header" data-role="header">
<a data-theme="F" href="index.html" class="ui-btn-left ui-btn ui-btn-icon-left ui-btn-corner-all ui-shadow ui-btn-up-a" data-icon="arrow-l"><span class="ui-btn-inner ui-btn-corner-all"><span class="ui-btn-text">Back</span><span class="ui-icon ui-icon-arrow-l ui-icon-shadow"></span></span></a>
<h1 aria-level="1" role="heading" tabindex="0" class="ui-title">Branch List</h1>
</div>
<div class="segment">
<div id="output" align ="center"><img src="img/loading.gif"></div>
</div>
<div data-role="footer" >
<h4>********</h4>
</div><!-- /footer -->
</div>
</body>
</html>
【问题讨论】:
-
您需要告诉我们您在应用中遇到的错误或行为。你有数据吗?您是否尝试过 alert() 调用进行调试。?你为什么不使用模拟器?每次打开应用程序时都会调用 populateDB()。这将依次触发 INSERT sql 每次。当您创建表 markers 时,使用 id 作为主键。此插入将失败,因为您再次插入 id=2 的记录,因此 populateDB() 将失败。
-
感谢您的回复。首先,我是科尔多瓦的新手。不,我还没有得到任何数据。我没有使用 alert() 调用进行调试。我正在使用我的手机进行测试,因为它速度很快,我的模拟器需要几天才能启动,对于 ID 部分,这是表中每个分支的唯一编号,而不是自动递增的编号。希望,我已经给出了你所要求的澄清。再次感谢。
标签: javascript android sqlite cordova