如何根据phonegap中的位置从数据库中检索数据?

时间:2012-08-20 12:06:30

标签: javascript jquery jquery-mobile cordova

我在网格视图中显示字母表,每当我点击每个字母表时,它必须显示该字母表中的相应单词,因为我能够获得每个字母表的位置,所以我该如何检索或从数据库传递数据?

这是

的屏幕截图

enter image description here

该网格视图的代码是

  

var a2zArray = ['A','B','C','D','E','F','G','H','I','J','K' , 'L', 'M', 'N', 'O', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W',” X”, 'Y', 'Z'];

$(document).ready(function()
{
    createA2ZGrid();
});

function createA2ZGrid(){
var rowElem='';

for (var i=0; i < a2zArray.length; i++){
    rowElem = rowElem +" "+ "<label id='elementId' onclick=onClicked('"+a2zArray[i]+"')>" + a2zArray[i] + "</label>";

}
         $("#A2Z-GridId").html(rowElem);
}

function onClicked(element){
alert("Onclicked : "+element);

};

如何将参数从html传递给js?

1 个答案:

答案 0 :(得分:0)

如果您使用的是phonegap,则需要深入了解jquery mobile 在标题的index.html页面中:(或参见phonegap文档)

<script type="text/javascript" src="js/cordova-2.5.0.js"></script>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="js/jquery.mobile-1.1.0.min.js"></script>
<script type="text/javascript" src="js/index.js"></script>
<script type="text/javascript" src="js/webtoolkit.base64.js"></script>
<script type="text/javascript" src="js/MacAddress.js"></script>
<script type="text/javascript" src="js/your_own_javascript.js"></script>
<link rel="stylesheet" href="css/jquery.mobile-1.1.0.min.css" />

然后为你的代码:我测试了这个:

<label id='elementId' onclick="onClicked('Test')">test</label>

和你的javascript.js(或脚本标签中的html代码):

function onClicked(element){
    navigator.notification.alert("Onclicked : "+element);

};

这是有效的

就我在你的代码中看到的那样,你错过了函数

的引号
"<label id='elementId' onclick=onClicked('"+a2zArray[i]+"')>" + a2zArray[i] + "</label>"

将导致

<label id='elementId' onclick=onClicked('something')>something</label>

应该是:

<label id='elementId' onclick="onClicked('something')">something</label>

所以这应该有效:

"<label id='elementId' onclick='onClicked('"+a2zArray[i]+"')'>" + a2zArray[i] + "</label>"