问题标签 [listjs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
2372 浏览

javascript - 让 list.js 和 react.js 一起工作

这是在浏览器中运行 list.js 的 vanila 代码。它没有问题

所以我认为反应很简单,我试过这个

索引.html

但它不起作用。特别是完全没有错误。在这里可以做什么?

0 投票
1 回答
1481 浏览

jquery - List.js 过滤器在数据属性中有多个值

我正在使用 list.js 对列表进行一些简单的过滤 - 但遇到了一些障碍。

列表中的某些项目可能如下所示:

您单击的过滤器如下所示:

我的过滤器功能设置如下:

是否可以分别按它们的值过滤这些逗号分隔的属性?例如,我可以单击 Attr1、Attr2 或 Attr3,过滤器会吐出合适的内容?

0 投票
2 回答
406 浏览

laravel - 在 List.js 中使用输入字段而不是 td、h3、o 值

在 List.js 站点上,他们展示了如何使用表格,甚至在http://www.listjs.com/examples/table上提供了一个示例。

但是,我想改用输入值。

结果出乎意料,输入值呈现为空。但是,最终目标是为输入值命名并在会话中保存列/行。有没有人在同一条船上?

0 投票
0 回答
77 浏览

javascript - 将 List.js 与两个单独的过滤器一起使用

我正在使用List.js作为员工目录。我有一个文本输入,我只想按人名过滤。我有一个部门下拉列表,我只想按部门过滤。目前,文本输入搜索姓名部门。

想法?

0 投票
3 回答
1595 浏览

javascript - 使用 Javascript 进行正确的嵌套搜索

我正在使用list.js来搜索、排序和过滤我的菜单项。我在嵌套<ul>'s 上使用搜索功能时遇到问题,无法避免。

问题是当我在 sub 元素中搜索文本时<ul>,它会在 sub 中返回整个<li>'s <ul>

有什么我想念的吗?

JSFiddle:https ://jsfiddle.net/7ukgqmsp/

这是一个示例代码;

0 投票
4 回答
2298 浏览

javascript - 通过 ul li click 过滤和搜索 div 文本

当您单击 时lidiv应根据所选li数据值过滤下面的 。这是可行的,但由于某种原因,当您第一次加载页面时,您必须单击li两次才能使过滤器起作用。

代码引脚示例

0 投票
1 回答
1813 浏览

javascript - 如何通过使用 list.js 选择下拉选项对列表项进行排序

我正在使用 list.js 对列表项进行排序,但我想在更改时对项目进行排序select > option

HTML

我已经完成了一些代码,但是当我第一次选择它时它会出现错误,但是如果我再次单击选择它时再次更改它,它会使用以前的值对项目进行排序,然后在打开下拉列表时选择它,然后它会使用当前值进行排序。

这是我的代码

0 投票
1 回答
657 浏览

listjs - 刷新后如何使用 list.js 保存状态分页?

我正在使用 List.js 创建分页。刷新后如何保存状态分页数。如果在第 3 页,则刷新,页码仍然在第 3 页。 http://listjs.com

0 投票
1 回答
2668 浏览

javascript - List.js 中的多重排序

我正在使用 List.js 以自定义顺序显示、搜索、过滤大量内容。

我的行是这样制作的

我正在尝试按多个顺序对我的内容列表进行排序:首先按order_category,然后按order_source,然后按content_date,最后按order_page

在 Firefox 中,我尝试将列表从不太重要的顺序排列到更重要的顺序,它似乎有效,但这在 Chrome 中不起作用:

我知道 List.js 现在不支持多重排序,但我读到它支持自定义排序功能。谁能教/教我如何构建自定义排序功能?


编辑:

感谢@Dekel,我构建了自己的方法,该方法使用具有自定义排序功能的 List.js 和 4 级排序。它适用于为 List.js 指定的单一排序类型(ASC或)。DESC我报告我的代码:

但是,如果我尝试为每个值指定排序类型(ASCDESC),它就不起作用。我报告我的代码更新了这个改进:

有什么建议可以解决这个问题吗?

非常感谢!

0 投票
1 回答
1234 浏览

jquery - 按多个 's 排序

我需要<table>按分组的多个排序我<tbody>

这很简单,看起来像这样:

我将每个列表分组在 a 中<tbody>,并希望对将两个<tr>'s<tbody>锁定在一起的表进行排序。

如果我按 Header 1 排序以获得<td>顶部带有 Blue 小部件的 's,我需要将每个小部件全部<tbody>向上移动,所以它看起来像:

我一直在使用 ListJS ( http://listjs.com/ ) 对我的表格进行排序,但它似乎不支持像这样对 tbody 进行分组。然后我检查了 TableSorter ( https://mottie.github.io/tablesorter/ ),但这似乎也不支持它。

我不知道如何对此进行排序,但我想我不能成为唯一一个想要做这样的事情的人。也许我问错了问题?

任何有关如何执行此操作或使用哪个插件的帮助或建议都会非常棒。

编辑:排序标准是 each 中的第一个。每个中的第二个需要与每个中的第一个锁定在一起,并且不可排序。所以第二个不应该是可排序的,而是应该与第一个锁定。

如果我还没有说清楚,请告诉我,我会再试一次。


目前还不清楚排序标准是什么。假设它是第二个单元格中的数字可以执行以下操作: