动态追加行 [英] Append row dynamically

问题描述

大家好，我尝试使用jquery在MVC中调用JsonResult操作（getCustomers）并动态填充表。调用该操作但未填充表。这是我的代码

< table id =   TBL> 
< tr> 
< td>客户代码< /   td  >  
< td> Customre Name < /   td  >  
 < /   tr  >  
 < /   table  >  
< script type =  文本/ JavaScript的> 
 $ .get（  getCustomers， null ，BindData）; 
  function  BindData（Customers）{
  var  tbl = $（ ＃tbl）; 
  for （ var  j =  0 ; j< Customers.lenght; j ++）{
  var  newRow =  < span class =code-string>< tr> + 
  < td> + Customers [j] .CustomerCode +  < / td> + 
  < td> + Customers [j] .CustomerName +  < / td> + 
  < / tr>; 
 tbl.append（newRow）; 
} 
} 
< / script> 

i无法理解为什么..

解决方案

.get（ getCustomers ， null ，BindData）;
function BindData（Customers）{
var tbl =

（ ＃tbl）;
for （ var j = 0 ; j< Customers.lenght; j ++）{
var newRow = < span class =code-string>< tr> +
< td> + Customers [j] .CustomerCode + < / td> +
< td> + Customers [j] .CustomerName + < / td> +
< / tr>;
tbl.append（newRow）;
}
}
< / script>

i无法理解为什么..

检查此行
 for（var j = 0; j< Customers.lenght; j ++）{
这里使用
'Client.length'而不是'Customers.lenght'拼写错误，可能是所有其他代码似乎没问题。 ：）

Hi all, i try to call a JsonResult action (getCustomers) in MVC with jquery and populate a table dynamically. The action is called but the table is not populated. This is my code

<table id="tbl">
         <tr>
            <td>Customer Code</td>
            <td>Customre Name</td>
         </tr>
      </table>
      <script type="text/javascript">
         $.get("getCustomers", null, BindData);
         function BindData(Customers) {
            var tbl = $("#tbl");
            for (var j = 0; j < Customers.lenght; j++) {
               var newRow = "<tr>" +
                  "<td>" + Customers[j].CustomerCode + "</td>" +
                  "<td>" + Customers[j].CustomerName + "</td>" +
                  "</tr>";
               tbl.append(newRow);
            }
         }
      </script>

i can't figure why..

解决方案

.get("getCustomers", null, BindData); function BindData(Customers) { var tbl =

("#tbl"); for (var j = 0; j < Customers.lenght; j++) { var newRow = "<tr>" + "<td>" + Customers[j].CustomerCode + "</td>" + "<td>" + Customers[j].CustomerName + "</td>" + "</tr>"; tbl.append(newRow); } } </script>

i can't figure why..

check this line
 for (var j = 0; j < Customers.lenght; j++) {
here use
'Customers.length' instead of 'Customers.lenght' spelling mistake ,may be all the other code seems ok. :)

这篇关于动态追加行的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！