使用jquery动态构建网格

时间:2013-06-25 14:46:13

标签: javascript jquery html

我一直在研究如何使用jquery动态构建网格。我已经阅读了大量的API并搜索了s.o.谷歌,但似乎没有人给它一个明确的整体立场。也许我只是不明白,所以我正在使用一个名为build table的函数,我想返回结果。

因此,一旦单击此生成表按钮,它就应显示网格。

然而没有显示

任何人都可以提供帮助

function buildTable(criteria)
{
  var result = new Object();
  result.rows = criteria.rows;
  result.totalRows = result.rows + 1;
  result.row = new Array();
  for(var i = 0; i < result.rows; i++)
  {
    result.row[i] = new Object();
    result.row[i].shoeId = 100+i;
    result.row[i].dressId = "LKM0" + i;
    result.row[i].arrivalDt = "01/02/2013 15:45";
    result.row[i].stockDt = "01/02/2013 15:46";
    result.row[i].fashionStatus = "differences"; 
  }
  return result;
}
</script>   



<input type="button" value="Generate a table." onclick=" document.getElementById('Grid').style.visibility = 'visible';" />  

        <div class="Grid" id="Grid" onload="buildTable()" > </div>

1 个答案:

答案 0 :(得分:0)

如果您在服务器端生成数据,则可以在将页面呈现到Grid div中时呈现它:

<div id="Grid" style="display:none">
    <table>
        ... etc ...
    </table>
</div>

然后只需在点击按钮时显示div

或者,如果您只需要在单击按钮时构建表,那么您可以使用Ajax执行此操作:

<input type="button" value="Generate a table." onclick="loadGrid()" />

<script>
    $("#Grid").load("Url to generate table", function() {
         $(this).show();
    });
</script>

或者,如果您真的想使用javascript构建表格,那么this might give you some ideas