通過控制器的數據在表格中添加行

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