问题标签 [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 投票
0 回答
43 浏览

javascript - 全部完成后的 Javascript 回调

首先,你应该知道我有嵌套$.ajax调用。第一个打印出来table,当它完成后,我在表格中做第二$.ajax个。each <tr>两者都使用async: true.

我这样做是因为我想为最终用户提供一个视图(表格),然后 3<td>必须从其他 URL 加载数据。在这个解释之后:

但是有了这个,它会在尚未完成时返回,仍在处理一些console.log('finished'),那么如何处理呢?每次完成时可能会回调,但是在哪里执行此操作或如何执行此操作?$.ajax<tr>

我不认为这是一个重复的帖子......因为我不想做出不同ajax然后得到一个response我需要提出一个请求,一旦完成,提出下一个,这一秒必须迭代每个 tr 和对每个请求都发出请求,但异步完成后(无需发出更多请求)return,毕竟trajax.

0 投票
1 回答
187 浏览

javascript - ListJs - 默认隐藏所有元素

我已经使用搜索实现了 ListJs,默认情况下列表中的所有元素都是可见的。有没有办法默认隐藏所有元素并仅通过搜索使它们可见?

这是我必须使用搜索( Codepen )创建列表的基本代码:

关于如何默认隐藏所有元素的任何想法?

谢谢。

0 投票
1 回答
67 浏览

jquery - 使用 ListJS 搜索表格时忽略 HTML 内容

我正在使用ListJS 1.5.0 根据用户在 search input中的输入对记录进行分页和过滤。它工作正常,除了一个小细节:匹配没有忽略html内容的部分。例如,第一项在name单元格内具有以下内容:

如果在搜索框中键入Antman,它会过滤表格,其中包含名称单元格中唯一包含该内容的记录(这很好)。但是,如果键入class,它还会找到该记录,当然还有所有其他记录,这些记录具有带有类名的 html 标记。我需要一种在过滤记录时忽略 html 标签的方法。我查看了List API选项、属性和方法,但没有成功。

搜索类返回所有包含带有类名的 html 标记的行

JavaScript

HTML

我在这里添加了一个实时示例:https ://jsitor.com/g2vfIazy1

0 投票
0 回答
36 浏览

javascript - 如何在 List.js 中获取 List 实例

我在一个文件中初始化 List.js ( https://listjs.com/ ),我需要从另一个文件中获取它的实例。假设第一个文件包含以下内容:

现在我想将一些项目从不同的文件添加到列表中。但是我无权访问 listObj 变量,所以我需要以某种方式获取这个 List 实例。这就是我成像的方式:

所以问题是是否有一种方法可以按元素获取 List.js 实例?提前致谢。

0 投票
1 回答
250 浏览

javascript - List.js - 按超过 1 个键/值/答案的属性过滤

我正在尝试通过数据属性过滤 List.js 列表,其中结果有多个答案:

当我尝试以下操作时,它不会搜索每个项目:

如果我在只有一个结果时尝试它,那么它可以正常工作:

我尝试了各种选项来过滤每个项目,但似乎没有任何效果。

有任何想法吗?

0 投票
2 回答
345 浏览

javascript - List.js addEventListener 和 .on() 不起作用

试图找出一种将 addEventListener 与List.js一起使用的方法

  • 我有一个带有一些文本和按钮的页面
  • 然后我加载List.js文件,该文件对这些元素进行分页并允许排序。
  • 当主脚本文件加载时,我正在向所有这些按钮添加一个事件侦听器。

JS加载顺序:

1 - List.js
2 - List.js 脚本文件(带有列表 js 函数,例如创建列表等)
3 - 主脚本文件(带有主要 JS 代码,包括 addEventListener 代码)

如果我首先加载主脚本文件,则不会创建事件侦听器(我相信它会在 List.js 加载并创建不同的分页页面时刷新。

使用按照我上面的方式排序的文件,事件侦听器只会被创建并且可以用于列表的第一页,如果我切换到第 2,3 页,...它们不会为按钮。我看到其他页面的元素实际上是动态创建的,所以这就是 addEventListener 不起作用的原因。

我目前的解决方案是onclick="myfunction(event)"在所有按钮上使用,因此当 Listjs 生成列表项时,它具有内联附加的功能,但虽然这工作正常,但我觉得它有点 hacky。


我看到 List.js 有一个名为的方法,.on()但我似乎也无法让它工作。

我的代码:

从我可以从docs获得的信息来看,每次更新列表时都应该触发它,这似乎是当我从列表的第 1 页切换到第 2 页时发生的情况(它替换了 HTML)。

我还尝试了一个不同的事件,我认为当我使用搜索框时应该可以工作,但没有任何反应:

我该如何使用这个 ListJs.on()方法?每次用户切换页面并生成列表时,我都会使用它来创建事件侦听器,如下所示:

0 投票
1 回答
59 浏览

javascript - 如何延迟 list.js 中的搜索?

我正在使用list.js进行过滤和搜索,我的列表非常大,我需要延迟搜索它,但是文档没有显示任何如何执行此操作的示例,它只是说:https: //listjs.com/api/#searchDelay

如何做到这一点的一个例子将非常有帮助

0 投票
0 回答
39 浏览

javascript - 如何使用 ListJS 自定义表格行

我发现了一个名为 ListJS 的库

但是我需要在使用 ListJS 生成表格时添加自定义表格行模板,例如:我有这个代码

要自定义标签,我需要在我的跨度标签中添加“徽章信息”(即)当我通过 ListJS 库生成列表时如何执行此操作?

感谢您的任何回答

0 投票
0 回答
42 浏览

php - 在 List.js 中显示 MySQL 查询结果不与分页同步并选择否。每页项目数

这是 List.js 的文档

目前我将结果显示为 php mysql ,如下所示

按日期获取名称.php 文件

上面的代码工作正常!

但问题是我将结果显示为。

如您所见,我正在获取最新记录。

此代码是display.php文件

我正在显示它

我有三个字段名称,从日期到日期,带有提交按钮。

我使用 AJAX 调用来获取结果

上面的代码是指 get-name-by-date.php

我的问题是我正在使用 list.js 库List.JS Documentation 他们为我提供了分页和排序。

每次我使用 ajax 按名称和日期搜索时。结果出现,但每页视图的分页和项目不同步

查询结果后,如果更改页面。查询结果消失。因为显示结果相互重叠。我该如何解决这个问题。

我需要的是我需要使用下面的 ListJS api 示例来呈现变化的结果

我有一个对象数组,我必须从 URL 中获取,执行查询,例如从日期“到”到日期获取名称并更新列表 js api。因此结果不会相互合并,并且分页将正常工作。或者您有其他方法吗?