问题标签 [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.
javascript - 全部完成后的 Javascript 回调
首先,你应该知道我有嵌套$.ajax
调用。第一个打印出来table
,当它完成后,我在表格中做第二$.ajax
个。each
<tr>
两者都使用async: true
.
我这样做是因为我想为最终用户提供一个视图(表格),然后 3<td>
必须从其他 URL 加载数据。在这个解释之后:
但是有了这个,它会在尚未完成时返回,仍在处理一些console.log('finished')
,那么如何处理呢?每次完成时可能会回调,但是在哪里执行此操作或如何执行此操作?$.ajax
<tr>
我不认为这是一个重复的帖子......因为我不想做出不同ajax
然后得到一个response
我需要提出一个请求,一旦完成,提出下一个,这一秒必须迭代每个 tr 和对每个请求都发出请求,但异步完成后(无需发出更多请求)return
,毕竟tr
由ajax
.
javascript - ListJs - 默认隐藏所有元素
我已经使用搜索实现了 ListJs,默认情况下列表中的所有元素都是可见的。有没有办法默认隐藏所有元素并仅通过搜索使它们可见?
这是我必须使用搜索( Codepen )创建列表的基本代码:
关于如何默认隐藏所有元素的任何想法?
谢谢。
jquery - 使用 ListJS 搜索表格时忽略 HTML 内容
我正在使用ListJS 1.5.0 根据用户在 search input中的输入对记录进行分页和过滤。它工作正常,除了一个小细节:匹配没有忽略html
内容的部分。例如,第一项在name
单元格内具有以下内容:
如果在搜索框中键入Antman,它会过滤表格,其中包含名称单元格中唯一包含该内容的记录(这很好)。但是,如果键入class,它还会找到该记录,当然还有所有其他记录,这些记录具有带有类名的 html 标记。我需要一种在过滤记录时忽略 html 标签的方法。我查看了List API选项、属性和方法,但没有成功。
JavaScript
HTML
我在这里添加了一个实时示例:https ://jsitor.com/g2vfIazy1
javascript - 如何在 List.js 中获取 List 实例
我在一个文件中初始化 List.js ( https://listjs.com/ ),我需要从另一个文件中获取它的实例。假设第一个文件包含以下内容:
现在我想将一些项目从不同的文件添加到列表中。但是我无权访问 listObj 变量,所以我需要以某种方式获取这个 List 实例。这就是我成像的方式:
所以问题是是否有一种方法可以按元素获取 List.js 实例?提前致谢。
javascript - List.js - 按超过 1 个键/值/答案的属性过滤
我正在尝试通过数据属性过滤 List.js 列表,其中结果有多个答案:
当我尝试以下操作时,它不会搜索每个项目:
如果我在只有一个结果时尝试它,那么它可以正常工作:
我尝试了各种选项来过滤每个项目,但似乎没有任何效果。
有任何想法吗?
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()
方法?每次用户切换页面并生成列表时,我都会使用它来创建事件侦听器,如下所示:
javascript - 如何延迟 list.js 中的搜索?
我正在使用list.js进行过滤和搜索,我的列表非常大,我需要延迟搜索它,但是文档没有显示任何如何执行此操作的示例,它只是说:https: //listjs.com/api/#searchDelay
如何做到这一点的一个例子将非常有帮助
javascript - 如何使用 ListJS 自定义表格行
我发现了一个名为 ListJS 的库
但是我需要在使用 ListJS 生成表格时添加自定义表格行模板,例如:我有这个代码
要自定义标签,我需要在我的跨度标签中添加“徽章信息”(即)当我通过 ListJS 库生成列表时如何执行此操作?
感谢您的任何回答
php - 在 List.js 中显示 MySQL 查询结果不与分页同步并选择否。每页项目数
目前我将结果显示为 php mysql ,如下所示
按日期获取名称.php 文件
上面的代码工作正常!
但问题是我将结果显示为。
如您所见,我正在获取最新记录。
此代码是display.php
文件
我正在显示它
我有三个字段名称,从日期到日期,带有提交按钮。
我使用 AJAX 调用来获取结果
上面的代码是指 get-name-by-date.php
我的问题是我正在使用 list.js 库List.JS Documentation 他们为我提供了分页和排序。
每次我使用 ajax 按名称和日期搜索时。结果出现,但每页视图的分页和项目不同步
查询结果后,如果更改页面。查询结果消失。因为显示结果相互重叠。我该如何解决这个问题。
我需要的是我需要使用下面的 ListJS api 示例来呈现变化的结果
我有一个对象数组,我必须从 URL 中获取,执行查询,例如从日期“到”到日期获取名称并更新列表 js api。因此结果不会相互合并,并且分页将正常工作。或者您有其他方法吗?