jqGrid - 将比率字段格式化为百分比值

Question

我的服务器代码将某些列作为比率值(0.0 到 1.0)传输。我需要将其格式并编辑为百分比。我想在 JavaScript 端执行此操作，而不修改服务器端。因此，如果我添加自定义格式化程序以将值乘以 100，则显示将按预期工作。此外，当我点击编辑按钮时，内联编辑框也会将值显示为百分比。当我保存时，麻烦就开始了 - 值被格式化程序再转换一次，给我类似 10000 的东西。好吧，我在这里需要对称性，所以我创建了一个取消格式化程序，它只是将值除以 100。但这也不起作用 - 现在编辑控件将其显示为不是我想要的比率(尽管现在保存可以正常工作)。

有什么办法可以不改变服务器代码吗？

Answer 1

要完全支持您的自定义数据类型(例如 0.0 到 1.0 显示为百分比值(包括编辑和搜索))，您必须实现:

1. 实现formatter以自定义方式在网格中显示数据。
2. 实现unformat以允许从其“视觉表示”访问数据。 jqGrid 在某些情况下(例如在表单编辑的初始化阶段)将使用该方法。
3. 定义 sorttype，它可以是某种兼容的数据类型，例如 'number' 或您的自定义排序函数。
4. 使用 edittype: 'custom' 并实现 editoptions 的 custom_element 和 custom_value (请参阅 the documentation ) .
5. 使用 stype: 'custom' 并实现 editoptions 的 custom_element 和 custom_value。

在某些情况下，可以跳过其中一个步骤，但在常见情况下，您必须考虑实现所有步骤。您应该验证上面的哪些步骤尚未在您的解决方案中实现。

The demo是对the old answer的demo的修改和 another answer 。该演示不针对您的直接问题。它仅展示了为什么以及如何在 jqGrid 中完全实现自定义控件。表单编辑功能在演示中并不完整，只是因为没有实现服务器部分。如果需要，可以使用 the answer 中的方法它展示了如何在 jqGrid 中实现本地表单编辑。我不想让代码变得更复杂以显示演示的主要目的。