JqueryMobile动态生成listView并刷新的方法!

最新推荐文章于 2018-06-18 16:18:34 发布

最新推荐文章于 2018-06-18 16:18:34 发布 · 252 阅读

文章标签：

#javascript #ui #ViewUI

本文介绍了一种使用JQuery Mobile动态生成listView并刷新的方法。通过遍历查询结果，将每条记录添加到指定的div元素中，并调用listview('refresh')方法实现更新。此外还展示了如何填充选择菜单并刷新。

JqueryMobile动态生成listView并刷新的方法！

function queryEntfernungen(tx, results)
   alert("This Hello works");
   var len = results.rows.length;
     // This For works fine

    for (var i = 0; i < len; i++) {
       $("div[data-role=content] ul").append('<li><a href="'+results.rows.item(i).name+'">'+results.rows.item(i).name+'</a></li>');
    }
   $("div[data-role=content] ul").listview('refresh'); // This also works

但是下面的方法却也能成功!

function query(tx, results) {

    var len = results.rows.length, i, j;
    
    for (i = 0; i < len; i++) {
        $("div[data-role=content] ul").append('<li><a href="'+results.rows.item(i).name+'">'+results.rows.item(i).name+'</a></li>');
    }
// No listview("refresh") !!

    for (j = 0; j < len; j++) {
        $("#selectmenu").append('<option value="'+results.rows.item(j).id+'">'+results.rows.item(j).name+'</option>');
    }
    $("#selectmenu").selectmenu('refresh', true);
    
}