javascript - JavaScript を使用した動的リスト

Question

データベースからのデータを処理するモバイルアプリを作成しています。

私の質問は、受信したデータを表示する最良の方法は何ですか? データをjsonとして取得します。ノックアウトについて少し読んだ...

私の問題は、取得するデータの量と種類がわからないことです。それは動的に起こるはずです。データは、人員または記事に関する情報に関するものである可能性があります。

あなたが私の質問を理解してくれることを願っています ^^ 私の下手な英語はごめんなさい。

Answer 1

すべてはあなたの想像力次第

1) 独自のカスタム動的リストを作成します。

2) サードパーティの YUI http://developer.yahoo.com/yui/treeview/を使用する

Answer 2

ユーザーが判読できる方法でデータを表示したいだけの場合は、データから HTML UL を構築する json オブジェクトを反復処理します。

function display(obj, result) {
    if(obj == null)
        return result;
    var ul, li;
    for(var k in obj) {
        var value = obj[k];
        if(typeof(value) == "object") {
            li = result.appendChild(document.createElement("li"));
            li.innerHTML = k + ":";
            if(value != null) {
                ul = li.appendChild(document.createElement("ul"));
                display(value, ul);
            }
        } else {
            li = result.appendChild(document.createElement("li"));
            li.innerHTML = k + ": " + value;
        }
    }
    return result;
}
document.getElementById("displayDiv").appendChild(
    display(jsonObj, document.createElement("ul"));
);