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

时间:2013-07-20 12:03:30

标签: asp.net-mvc-4

我想在表格中添加新行当用户在textBox中输入id。

我认为问题出在视点

控制器端

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

但它不起作用 - 请帮助。

1 个答案:

答案 0 :(得分: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);             
    }); 
}