通过控制器的数据在表格中添加行

Question

我想在表格中添加新行当用户在文本框中输入标识时。

我认为这个问题是在视点侧

控制器侧

public JsonResult GetProbyId(Int32 term) 
     { 
      var results = (from a in db.Products 
          where a.ProID==term 
          select a).FirstOrDefault(); 
      return Json(results, JsonRequestBehavior.AllowGet); 

     } 

查看侧

<SCRIPT language="javascript"> 
    function addRow(tableID) { 
     var table = document.getElementById(tableID); 

     var ids = '@Url.Action("GetProbyId", "Bill", new {term=1 })'; 

     var cell = row.insertCell(0);  
     cell.innerHTML =ids.Name; 
     var cell1 = row.insertCell(1);  
     cell1.innerHTML =ids.Discription; 

     </script> 
    } 

但它不能正常工作 - 请帮助。

Answer 1

假设你收到你的数据正确，使用下面的jQuery代码以表格的底部添加一行：

function addRow(tableID, data) { 
    // first, convert your json string to a json object... 

    data = $.parseJSON(data); 

    // then iterate through it to add rows with its data... 

    $.each(data, function(i, item) { 
     var html = "<tr><td>" + item.Field1 + "</td>"; 
     html += "<td>" + item.Field2 + "</td>"; 
     // ... 
     html += "<td>" + item.Fieldn + "</td></tr>"; 
     $("#" + tableID + " tr:last").after(html);    
    }); 
}