jquery - JQGrid:将数据加载到页脚行

Question

是否有将数据加载到页脚的示例？我找不到任何东西，或者我在工作中被阻止。

提前致谢...

Answer 1

查看演示 http://trirand.com/blog/jqgrid/jqgrid.html

然后在左侧树中选择“版本 3.5 中的新增功能”，然后选择“摘要页脚行”。

在示例中，设置了 jqGrid 的 footerrow : true, userDataOnFooter : true 选项。然后服务器将 userdata block 添加到发送回 jqGrid 的数据中。您可以在 http://www.trirand.com/jqgridwiki/doku.php?id=wiki:retrieving_data 中阅读有关 userdata 的内容。 。如果 userdata block 帽子属性对应于 jqGrid 的列名称，则数据将在页脚行中看到。

如果您需要更多信息，您应该写下您在 jqGrid 中使用哪种数据(JSON、XML、xmlstring、jsonstring、本地等)以及您使用哪种服务器(PHP、ASP.NET MVC、WCF)结束等等)。

更新:如果您使用标准 json 映射来自服务器的数据(jqGrid 没有 jsonReader 选项)，则看起来像

{ 
  total: "xxx", 
  page: "yyy", 
  records: "zzz",
  rows : [
    {id:"1", cell:["cell11", "cell12", "cell13"]},
    {id:"2", cell:["cell21", "cell22", "cell23"]},
      ...
  ]
}

因此数据没有来自 colModel 的列名称。例如，如果您在 colModel 内有一列 {name:'price', ...} 并希望在 jqGid 的最后一行中显示总价，您应该定义 footerrow: true, userDataOnFooter: true 在 jqGrid 选项中，您的服务器应该生成类似的数据

{ 
  total: "xxx", 
  page: "yyy", 
  records: "zzz",
  rows : [
    {id:"1", cell:["cell11", "cell12", "cell13"]},
    {id:"2", cell:["cell21", "cell22", "cell23"]},
      ...
  ],
  userdata: {price:1240.00} 
}

如果您使用另一个 jsonReader 所有统计数据不变。您唯一可以定义的是将“userdata”名称更改为其他名称，但值必须是一个具有与您在colModel中定义的字段名称相同的对象。只有该字段的值才会在 jqGrid 的最后一行上显示为粗体。