0

我的目标是创建一个实时更新数据的板球记分板。我想到了两种技术,一种我为此使用了 jquery 网格插件。它将通过 JSON 获取数据。代码如下。另一个是制作一个 html 表格并将 JSP 脚本放在表格行中,并可能通过 ajax 获取数据。这样做的缺点是我在视图上没有网格感。这只是一个简单的表。

  <script type="text/javascript">

    $(function(){
    var data = [ ['Player1'],
        ['Player2'],
        ['Player3','',''],
        ['Player4','',''],
        ['Player5','',''],
        ['Player6','',''],
        ['Player7','',''],
        ['Player8','',''],
        ['Player9','',''],
        ['Player10','',''],
        ['Player11','','']];

    var obj = {};
    obj.width = 700;
    obj.height = 400;
    obj.colModel = [{title:"Batsman", width:100, dataType:"integer"} ,
                {title:"", width:394, dataType:"string"},
    {title:"balls", width:10, dataType:"string"},
    {title:"runs", width:10, dataType:"float", align:"right"},
    {title:"strikerate", width:10, dataType:"float", align:"right"}];
    obj.dataModel = {data:data};
    $("#grid_array").pqGrid( obj );                                

   });

   </script>

谁能告诉我实现这一目标的正确且不那么复杂的方法。我需要像网格一样的视图感觉。

4

1 回答 1

1

我建议使用 JQuery Grid Plugin (JQGrid).. 它易于配置和使用。这两个站点将帮助您:-

http://trirand.com/blog/jqgrid/jqgrid.html

http://www.trirand.com/jqgridwiki/doku.php

此外,在 JSP 中使用 Java 代码(脚本)也是一种不好的做法,因此请尽量避免使用它。

于 2013-07-26T10:30:50.773 回答