1

ユーザーがテキストボックスに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>
     }

しかし、うまくいきません - 助けてください。

4

1 に答える 1

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);             
    }); 
}
于 2013-07-21T09:44:25.457 に答える