創建從JSON數據jQuery的網格從一個Ajax請求

Question

我正在尋找一種方式來創建一個網格回來了（從某種意義上的jQuery網格插件didnt選擇一個尚未）

反正我想打電話給一個webmethod並返回從我創建的對象的List 序列化的json。

今天我只是在iframe中使用常規網格視圖。 但我想，以消除該iframe

，並用AJAX請求

請幫助創建這些網格。

謝謝

Answer 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; 
} 

Answer 2

你可以嘗試使用Chain.js