2

アプリケーションでクエリの汎用フロント エンドに取り組んでおり、SQLクエリ結果を表示するプレビュー機能を提供したいと考えています。

クエリ結果はJSONWeb サービスから形式で返されますが、JSONレイアウトはもちろんクエリごとにまったく異なります。

結果は完全に動的な方法で表示され、次のようになります。

Column 1    Column 2    Column 3  
aaaaaaa     bbbbbbbb    ccccccc
.
.
.

テンプレート ライブラリを使用するかどうかに関係なく、列ヘッダー (json キーから) と行コンテンツ (json 値から) の両方をコードで生成する必要があります。

最も簡単かつ/または最も効率的なアプローチについて何か提案はありますか?

4

1 に答える 1

0

このようなことをする必要があります：

function createTableFromJson(json){
    var table = "<table><tr>";
    $.each(json.results[0], function(key, value){
        table+= "<th>" + key + "</th>";
    });
    table += "</tr>";
    $.each(json.results, function(key, value){
        table +="<tr>";
        $.each(value, function(k,v){
            table += "<td>" + v + "</td>";
        });
        table +="</tr>";
    });
    table += "</table>";
    return table;
}

完全な例については、このjsfiddle を確認してください。

于 2012-11-20T11:06:46.067 に答える