javascript - 如何在 JQGrid 中按行排序?

标签 javascript jquery sorting jqgrid

默认 JQGrid支持按列排序。用户可以通过单击列标题对网格进行排序。也可以通过再次单击相同的列标题来切换排序方向。这可以在 JQGrid demos 中看到.

我需要在我的网格中添加按行排序。理想情况下,这将以完全相同的方式工作 - 用户可以单击行标题以按该行中的数据排序,然后再次单击以切换排序方向。

我试图用一个例子来说明排序。

按“Col-1”列排序:

       Col-1^ Col-2  Col-3
Row-1  A      B      C
Row-2  B      C      A
Row-3  C      A      B

按“Row-2”行排序:

       Col-3  Col-1  Col-2
Row-1  C      A      B
Row-2^ A      B      C
Row-3  B      C      A

如何将它添加到我的 JQGrid 中?

最佳答案

在我看来,您可以通过使用 onCellSelect 来完全实现您的要求。回调,当我们点击网格中的单元格时触发,以及 remapColumns 的用法方法更改列的顺序。要获取行数据,您可以使用 getRowData 方法。

已更新:我建议您另外查看the answer它显示了如何在网格中使用垂直标题。我在具有复选框的列的示例中对其进行了解释,但它对任何内容的工作方式完全相同。

关于javascript - 如何在 JQGrid 中按行排序?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10796392/

相关文章:

javascript - DatePicker UI-Kitten 不变违规

javascript - 如何隐藏表单的一部分并使其仅在单击 "Add another"按钮时可见?

javascript - 如何创建一个包含多个 .click() 函数的 jQuery 函数?

JavaScript IE 9 : Custom sort function

javascript - 对页面上的每个选择进行排序时忽略第一个选项

javascript - 使用 mocha 和 chaiAsPromised 测试异步函数时出现断言错误

javascript - Q Promise同步应答

c - 尝试仅通过重新排列指针来对链表进行冒泡排序。我的代码有一个我想摆脱的 2 节点列表的解决方法

javascript - 如何在 $http.get 返回后调用函数

jquery - 这是什么意思 : "jQuery(' > li', 这个)”