0

リストビューに「datajsonp」形式で表示されるアイテムのリストを入力したいと思います。私はjquerymobileとphonegapを使用しています。私はすべての可能性を試しましたが、リストビューではなく、データは単純な形式で提供されています。「jquery.mobile-1.0.1.min.css」と「jquery.mobile-1.0.1.min.js」を使用しています。助けてください。

誰かがいくつかの実用的な例を提供するならば、それは素晴らしいでしょう。

ありがとう ..

4

3 に答える 3

2

データを拡張jQueryモバイル形式で表示するには、次のことを行う必要があります。

  1. data-role="listview"属性を使用して、リスト形式でDOMにデータを追加します

    <ul id="listContainer" data-role="listview">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
</ul>

    （</ul>DOMに既に存在し、その中にJSONリストからアイテムを追加することができます）

  2. jQuery mobileを使用して、コンテンツを強化します。$("#listContainer").listview("refresh");

ここで例を見ることができます

于 2012-12-04T09:33:21.243 に答える
1

まず、リストビューを追加する必要があります。 

<ul data-role="listview" id="SomeListView" class="tab">
</ul>

次に、フェッチされたサービスデータでリストビューを埋めます。

$.getJSON(globalServiceUrl + "mobile/services/getSomeData.json", function (json) {
    var html = '';

    $.each(json, function (k, v) {
        var item= json[k];
        html += '<li>'+item.Title+'</li>';
    });

    $("#SomeListView").html(html);
    $("#SomeListView").listview('refresh');
 }); // $.getJSON
于 2012-12-04T18:57:47.243 に答える
0 
$(document).ready(function(){
$(document).bind('deviceready', function(){
    //Phonegap ready
    onDeviceReady();
});

var output = $('#output');

$.ajax({
    url: 'http://samcroft.co.uk/demos/updated-load-data-into-phonegap/landmarks.php',
    dataType: 'jsonp',
    jsonp: 'jsoncallback',
    timeout: 5000,
    success: function(data, status){
       $.each(data, function(i, item) {
              $('ul').append('<li><h4>' + item.name + '</h4><p>' + item.latitude + '<br>' + item.longitude + '</p></li>');
              });
    },
    error: function(){
       output.text('There was an error loading the data.');
    }
});

}）;

<body>
    <div>
        <ul data-role="listview" data-filter="false" id="output" >

        </ul>
    </div>
</body>

これは私のコードです。

于 2012-12-04T09:58:33.617 に答える