从 ajax 请求返回的 json 数据创建一个 jquery 网格答案

【问题标题】：creating a jquery grid from json data that came back from an ajax request从 ajax 请求返回的 json 数据创建一个 jquery 网格
【发布时间】：2010-07-07 06:49:46
【问题描述】：

我正在寻找一种创建网格的方法（从某种 jquery 网格插件尚未选择）

无论如何我想调用一个 webmethod 并返回一个从 List 序列化的 json 我创建的对象。

今天我只是在 iframe 中使用常规网格视图。但我想消除那个 iframe

并使用 ajax 请求创建这些网格

请帮忙。

谢谢

【问题讨论】：

标签： asp.net jquery json asp.net-ajax

【解决方案1】：

我使用了一个小程序，它可以根据列等动态创建网格。它有利于原型设计，最初可能会对您有所帮助：

/************************************************/
/* Build a Dynamic HTML table from JSON results */
/* By: Zachary Hunter                           */
/* On: April 1, 2010                            */
/************************************************/

function CreateTableView(objArray, theme, enableHeader) {
    // set optional theme parameter
    if (theme === undefined) {
        theme = 'mediumTable'; //default theme
    }

    if (enableHeader === undefined) {
        enableHeader = true; //default enable headers
    }

    var array = typeof  objArray != 'object' ? JSON.parse(objArray) : objArray;

    var str = '<table class="' + theme + '">';

    // table head
    if (enableHeader) {
        str += '<thead><tr>';
        for (var index in array[0]) {
            str += '<th scope="col">' + index + '</th>';
        }
        str += '</tr></thead>';
    }

    // table body
    str += '<tbody>';
    for (var i = 0; i < array.length; i++) {
        str += (i % 2 == 0) ? '<tr class="alt">' : '<tr>';
        for (var index in array[i]) {
            str += '<td>' + array[i][index] + '</td>';
        }
        str += '</tr>';
    }
    str += '</tbody>'
    str += '</table>';
    return str;
}

【讨论】：

【解决方案2】：

你可以试试Chain.js

【讨论】：