我的目标是创建一个实时更新数据的板球记分板。我想到了两种技术,一种我为此使用了 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>
谁能告诉我实现这一目标的正确且不那么复杂的方法。我需要像网格一样的视图感觉。