jquery - Flexigrid 不显示数据

Question

我最近开始从事一个 Web 项目。我的要求是使用 Flexigrid Jquery 插件渲染数据库中的一些数据 block 。在服务器端，我使用 Jackson 来格式化数据。我的 jquery 脚本如下所示:

<script type="text/javascript">
$(document).ready(function() {
    $("#customers").flexigrid({
          url: 'JsonHandler',
          dataType: 'json',
          colModel : [
            {display: 'Id', name : 'userid',},
            {display: 'Name', name : 'fullname',},
            ],
          title: 'Table',
          width: 700,
          height: 200
        });   
        });
</script>

服务器将有效的 Json 数据发送到浏览器(这是我在 Firebug 中得到的):

[{"userid":"a","fullname":"John Doe"},
 {"userid":"b","fullname":"Mark Brown"},
 {"userid":"c","fullname":"Mads Borsen"}]

由于某种原因，我的 table 仍然是空的。如果您有任何建议，请帮忙。

我假设 colModel 中的 name 选项需要与 json 数据中的键完全匹配，对于我的情况 userid 和 全名。

是否与字符编码有关？

谢谢!

Answer 1

FLEXIGRID需要渲染的格式是这样的

{"page":"1","total":"1","rows": 
[ 
  {"id":"1","cell":["1","55144602","Z014162","C"]},
  {"id":"3","cell":["3","55189392","Z014162","C"]},
  {"id":"4","cell":["4","55189393","Z014162","C"]},
  {"id":"5","cell":["5","55189394","Z014162","C"]},
  {"id":"6","cell":["6","55189395","Z014162","C"]}
]}

您需要包含“页”、“总计”和“行”字段，以及“id”和“单元格”字段。 “cell”括号中包含的值:[]是flexigrid用来渲染或填充网格的值，我用jsp文件模拟答案用于测试目的，我的网格有4个字段，正如你所看到的，它们填充了答案的每个单元格字段的值。

我正在构建一个 JACKSON 可以渲染的对象，但我仍在研究它，我必须实现这一点的唯一线索是，如果您发送 ArrayList jackson 返回一个 [] 响应，如果您只返回一个 Oject，或者一个JavaBean 它返回一个 {} 响应。

希望此信息有帮助。

曼努埃尔·桑蒂兰·埃尔·莱昂