从ajax请求返回的json数据创建jquery网格

时间:2010-07-07 06:49:47

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

我正在寻找一种创建网格的方法(来自某种jquery网格插件还没有选择一个)

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

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

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

请帮忙。

谢谢

2 个答案:

答案 0 :(得分:0)

您可以尝试使用Chain.js

答案 1 :(得分:0)

我使用了一个基于列等动态创建网格的小例程。它适用于原型设计,最初可能会帮助你:

/************************************************/
/* 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;
}