在 Javascript 中创建可排序的树/网格

发布于 2024-07-07 16:06:06 字数 1560 浏览 13 评论 0原文

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(7

活泼老夫 2024-07-14 16:06:06

这看起来相当不错:http://www.max-bazhenov。 com/dev/ux.maximgb.treegrid/index.html

使用 ExtJS,它有一些您必须考虑的许可限制。

This seems pretty nice: http://www.max-bazhenov.com/dev/ux.maximgb.treegrid/index.html

Uses ExtJS, which has some licensing limitations you have to consider.

Spring初心 2024-07-14 16:06:06

我找到了所有这些组件:

* 看起来不可排序

就我个人而言,我正在尝试Treetable,并且经过一些配置(翻阅文档页面源代码中的示例...),我很享受它的简单性和清晰度。

I found all these components:

* seems not sortable

Personally I'm trying Treetable and, after some configurations (rummaging in the examples in the source of the documentation page...), I'm enjoying its simplicity and clarity.

谁与争疯 2024-07-14 16:06:06

经过对树形网格的长期研究,我遇到的最好的一个是来自 jeasyui.com

http://www.jeasyui.com/demo/main/index.php?plugin=TreeGrid

“在此输入图像描述”

After a long research for a treegrid, the best one that I came across is from jeasyui.com

http://www.jeasyui.com/demo/main/index.php?plugin=TreeGrid

enter image description here

勿忘心安 2024-07-14 16:06:06

jQuery 的 jstree 插件与其 jstree-grid 可以处理排序(排序是 主 jstree 的插件)非常灵活(并重新使用您应用的 jQuery UI 主题)。

这是您正在寻找的那种网格吗? 您最终会得到一个非常类似的视图: jstree-grid-with-sort-themerolled

您将按列排序必须手动添加,然后触发重新排序

The jstree plugin for jQuery tied with its plugin of jstree-grid can handle sorting (sorting is a plugin to the main jstree) that is quite flexible (and re-uses the jQuery UI theme you apply).

Is that the sort of grid you're looking for? You end up with a view very much like: jstree-grid-with-sort-themerolled

The sorting by column you'll have to manually add and then trigger a re-sort.

橪书 2024-07-14 16:06:06

这也是一个使用 RowExpander UX 的“官方”示例(页面顶部网格)。

http://extjs.com/deploy/dev/examples/grid/grid3。 html

Here is an "official" example as well (top grid on the page), using the RowExpander UX.

http://extjs.com/deploy/dev/examples/grid/grid3.html

想挽留 2024-07-14 16:06:06

DHTMLX 还具有 TreeGrid JavaScript 组件(支持排序和其他网格相关功能):
http://dhtmlx.com/docs/products/dhtmlxTreeGrid/

(免责声明:我为DHTMLX)

DHTMLX also has the TreeGrid JavaScript component (supports sorting and other grid-related features):
http://dhtmlx.com/docs/products/dhtmlxTreeGrid/

(disclaimer: I work for DHTMLX)

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文