将具体数据放在jqgrid摘要视图标题中

2024-06-19

我有一个工作 jqgrid 表,在标题上有摘要视图,就像我在这个 plunkr 中实现的示例一样http://plnkr.co/edit/wjIlaVMsa9vusmfhgfL1?p=preview http://plnkr.co/edit/wjIlaVMsa9vusmfhgfL1?p=preview.

摘要视图标题工作正常,显示的数据来自 jqgrid 中的 (sum) 函数。

但是,我不想让 jqgrid 自己计算摘要,而是想在摘要行中显示我自己的数据(仍然是每列,我不需要 colspan 摘要标题)。最简单的例子是:假设我的列下的数据都是文本。我仍然想要分组和摘要视图标题并在摘要标题上显示每列的数据,但我不希望 jqgrid 为我计算摘要(因为它是文本)。我想显示我自己的摘要数据,该数据也来自我的数据 json。

我不认为使用

summaryTpl: '<b>{0}<b>'

对我有用,因为我想要显示的数据来自我的 json 数据。

这可能吗? 如果我的解释不够清楚,请告诉我。谢谢你!


您发布的演示使用 jqGrid 4.6 版本。在这种情况下,您没有太多可能性设置自定义汇总值。您可以在需要放置自定义汇总值的列中使用自定义格式化程序。我在中描述了该方法旧答案 https://stackoverflow.com/a/7622718/315935。这真的很棘手。

或者我可以建议你使用免费 jqGrid 4.8 https://github.com/free-jqgrid/jqGrid (see readme https://github.com/free-jqgrid/jqGrid/blob/master/README.md and wiki https://github.com/free-jqgrid/jqGrid/wiki)。免费 jqGrid 支持summaryType定义为函数。为了展示它是如何工作的,我为您创建了一些 JSFiddle 示例。第一个 http://jsfiddle.net/OlegKi/78m7jdaz/由您的原始演示组成。第二个 http://jsfiddle.net/OlegKi/78m7jdaz/1/包含

summaryType: function (v, cn, record) {
    var fieldData = parseInt(record[cn], 10);
    return v === "" ? fieldData : fieldData + v; 
}

代替summaryType: "sum"。摘要列中的结果将接近原始结果,但我使用parseInt(record[cn], 10)代替parseFloat(record[cn])。所以我只得到输入数字的整数部分,结果也将是整数。

下一个演示 http://jsfiddle.net/OlegKi/78m7jdaz/2/包含静态变量

var mySummary = {
    ALFKI: 12,
    ANATR: 23,
    AROUT: 34,
    BERGS: 45,
    BLAUS: 56
};

and the summaryType看起来像

summaryType: function (v, cn, record) {
    return mySummary[record.CustomerID];
}

以这种方式显示每个组的汇总结果mySummary地图。我提醒您,这些值将由您在列中定义的同一格式化程序进行格式化。因为你使用formatter: 'number'在专栏中Freight,那么结果应该是数字或者可以转换为数字的字符串。

最后一个演示 http://jsfiddle.net/OlegKi/78m7jdaz/3/使用修改后的 JSON 数据

{
    "userdata": {
        "ALFKI": 12.34,
        "ANATR": 23.45,
        "AROUT": 34.56,
        "BERGS": 45.67,
        "BLAUS": 56.78
    },
    "rows":[
        ....
    ]
}

The summaryType我这样定义

summaryType: function (v, cn, record) {
    var userData = $(this).jqGrid("getGridParam", "userData");
    return userData[record.CustomerID];
}

结果,分组摘要中显示的值来自userdata服务器的一部分。我想这就是你想要的。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

将具体数据放在jqgrid摘要视图标题中 的相关文章

  • jquery .text() 和 unicode

    我想显示 开锁 字符 http www fileformat info info unicode char 1f513 index htm在我的 HTML 链接文本中 如果我直接这样做 它会正确显示 a x1f512 a 但我发现没有办法用
  • 如何在拖动另一个元素时获取鼠标光标下的元素?

    我用谷歌搜索并找到了几个答案 但它们都是关于单击或鼠标移动事件的 这些事件不适合我的问题 基本上 我允许用户从列表中拖动项目并将其放在另一个列表中的文件夹上 并且每当项目拖动到元素上时 我想突出显示元素 在文件夹列表中 监听文件夹列表上的
  • 取消选择单选选项

    我正在使用引导单选按钮 http getbootstrap com javascript buttons并希望允许取消选择无线电组 这可以使用额外的按钮来完成 Fiddle http jsfiddle net norlihazmeyGhaz
  • 添加按钮,该按钮将重定向到 JQGrid 中当前行的“查看页面”

    我正在尝试添加按钮而不是View专栏但我尝试过formatter仍然按钮未加载 但其余列的记录即将到来 下面是我的代码 function grid jqGrid url Location LocationsList1 datatype js
  • Google Maps API - 按关键字(城市名称)定位/中心

    在我的网络应用程序中 我使用 gmap javascript API https developers google com maps documentation javascript https developers google com
  • 如何显示带有排序下拉列表的页面?

    我有一个选择列表
  • 我们如何在jquery中添加css+动画?

    这是我正在尝试做的事情的一小段 why red a hover function this animate webkit transform scale 1 1 slow function this animate webkit trans
  • 无法在 Safari 中检测到鼠标滚轮事件

    我正在尝试检测鼠标滚轮事件以调整滚动元素的大小 我有 mainDiv与几个 foo里面的桌子 我想改变 foo元素在滚动上的比例 但保留 mainDiv的大小是一样的 这是我的功能 var content document getEleme
  • 使用 SignalR 检测“服务器离线”

    我们尝试在低带宽环境中使用 SignalR 在该环境中 与后端服务器的连接可以随机出现和消失 并且我们希望我们的 Web 应用程序能够做出适当的响应 看起来这个连接 API 在过去的一年里一直在变化 但根据最新的文档 我尝试连接 conne
  • jQuery val 未定义?

    我有这个代码
  • 删除字段后重置 JavaScript 计数器

    我有一个 javascript 函数 可以添加带有计数器的输入字段 现在 当我删除其中一个字段时 它会被删除 但计数器仍在继续 JS 或 JQuery 有没有办法重置计数器并自动递增计数器 JS code function var scnt
  • 如何根据 Jquery mobile 中的事件名称更改日历中特定日期的背景图像?

    我正在使用它来创建活动日历Calendar https github com JWGmeligMeyling jqm calendar 我每个月都有一些定期活动 例如会议 聚会 提交 研讨会 我的想法是如何根据事件名称更改日期的背景图像以及
  • 在 JavaScript 中获取当前会话值?

    我有一个场景 我在浏览器中打开 Web 应用程序 但在两个单独的选项卡中 在一个选项卡中 我从应用程序注销 因此所有会话值都变为空 在另一个选项卡中 我单击了网络应用程序中的锚标记 在锚标记的 jquery on click 事件中 我检查
  • JavaScript 和 jQuery 以及句点的使用

    我很困惑在引用类名时何时使用类名之前的句点 在此示例中 为什么 active slide 类的第一次使用事先使用了句点 而其他两个则没有 var main function dropdown toggle click function dr
  • jqGrid 中的时间格式

    我正在尝试在 jqGrid 中设置时间格式 这是行不通的 我想在区域设置文件中使用预定义的格式化程序 这是 col 的定义方式 name Tid index Tid width 65 editable true formatoptions
  • jquery metisMenu 无法在 ng-include 内工作

    我想用ng 包含渲染侧边栏template http startbootstrap com templates sb admin 2 模板要求jQuery metisMenu 插件对于下拉菜单 Issue 仅插件works当我加载以下脚本时
  • 使用 jQuery 检测用户何时滚动到 div 底部

    我有一个 div 框 称为 Flux 里面有可变数量的内容 此 divbox 的溢出设置为自动 现在 我想做的是 当使用滚动到此 DIV 框的底部时 将更多内容加载到页面中 我知道如何执行此操作 加载内容 但我不知道如何检测用户何时滚动到
  • 检测 html 元素内的用户选择

    如何检测用户选择 用鼠标突出显示 是否在某个元素内 某个元素的子元素 Example div sdfsdf div some span content span div sdfsd div 伪代码 if window getSelectio
  • 将 div 移动到 dom 中的其他位置

    以下代码被动态插入到 DOM 中 但是 我想将 div example 从原来的位置移动并将其添加到 wrapper 前面 我如何使用 jQuery 来实现这一目标 div div div div div div div div I tri
  • 在 Bootstrap 按钮下拉列表标题/占位符文本中显示所选项目

    这个问题已经在 Stackoverflow 上被问过几次了 但是我仍然无法弄清楚它的真相 而且我的查询正在抛出更多的下拉菜单 所以我有两个下拉菜单和一个搜索 我想从下拉列表和 选定 中进行选择以替换下拉占位符文本 但我还需要记住 点击搜索后

随机推荐