问题标签 [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 回答
733 浏览

javascript - 从 list.js 的触发事件运行小部件不起作用

我正在尝试在事件处理程序中运行一个小部件。

出于某种原因,小部件不会在事件处理函数内部触发。该事件属于 List.js,widget 是 paging.js。

var userList = new List('users', options);

搜索完成后,该$('#testTable').paging({limit:5}); 行会被激活 - 但由于某种原因它没有运行。

JSFiddle 示例:

http://jsfiddle.net/gxb16cen/

有什么帮助吗?

0 投票
2 回答
7659 浏览

javascript - List.JS - 无法读取未定义的属性“childNodes”

我似乎无法弄清楚这一点。我已经尝试过 $(document).ready 并且仍然不适合我。我还尝试专门为这两个值名称创建一个 for 循环,以将结果保存到 var 并以这种方式传递。我还尝试将输入与类和 id 一起放入父 div 内部和外部进行搜索。基本上喜欢它在导航栏中。顺便说一句,使用 list.js 和 knockout.js。我使用foursquares api使用ajax请求获取我的场地。

JS:

HTML:

0 投票
5 回答
34366 浏览

javascript - 如何在 list.js 分页中使用“下一个”和“上一个”按钮而不是数字?

我有一张有很多行的表。因此我决定使用list.js(分页)。但是,我不希望数字作为页面,而是我可以单独设置样式(或让引导程序)的按钮nextprevious

图书馆可以做到这一点(我在文档中没有找到任何有用的东西)还是我必须使用其他东西?

我尝试了roll的解决方案。我现在得到一个错误说Cannot read property 'childNodes' of undefined。当我添加<ul class="pagination"></ul>. 但是,当尝试访问列表的 show 方法时,我再次收到错误:Cannot read property 'show' of undefined

新的 JS 代码

HTML 代码

0 投票
1 回答
1986 浏览

javascript - Filtering using a class or data attribute using List.js

If I have an HTML list like this:

Is it possible to filter it based on the contents of the data-cat attribute using List.js?

All the examples I've seen only allow searching/filtering based on visible HTML content, but I'd like to filter based on the content of a data element, as here, or maybe the list item's class. I can't see how to do this though.

0 投票
1 回答
1648 浏览

javascript - 列出所有的js多过滤器

我使用带有多个过滤器的列表 JS,

我正在使用此链接作为参考 http://codepen.io/waynehoover/pen/KBqhF

试图解决这个功能

但是我如何添加“ALL”过滤器,例如,如果我在日期中选择“ALL”,它只会过滤名称,反之亦然

0 投票
2 回答
7755 浏览

javascript - 使用javascript和list.js找不到结果时如何在搜索中显示“未找到结果”

用户搜索不在列表中的内容后,如何显示 NO RESULT FOUND。我正在使用list.js,但我不知道如何实现它?

有没有一种方法可以在我的代码中的某处添加 JavaScript 代码,该代码可以监视表列表何时为空并在我使用 list.js 搜索时显示未找到结果或更好的选择?

我需要一种方法可以告诉我的用户他们正在搜索的内容不存在。

0 投票
0 回答
115 浏览

jquery-ui - 您可以使用 list.js 的模糊搜索插件忽略项目吗?

我按照这里的说明http://www.listjs.com/docs/plugins/fuzzysearch并设法让它工作。

我的问题如下:我有两个可排序的列。我希望搜索只影响左列并忽略右列上的项目。

示例:在初始加载时,所有项目都在左列。我将一个项目拖到右列。现在,如果我使用模糊搜索,它会包含右列上的项目并将其吐回左列。

旁注:我只是将 JQuery UI 用于它的可排序部分。

0 投票
0 回答
252 浏览

javascript - 过滤后最后一页的Listjs Make按钮

list.js 问题:

你如何创建一个div,所以当你点击它时,它会在我完成过滤后显示分页的最后一页。

我有一个清单

假设这个列表有 20 页。应用过滤器后:

它现在有 5 页。我想要一个按钮,当我点击它会带我到最后一页。

目前,我可以使用以下方法进入未过滤列表的最后一页:

但是,如果我过滤我的列表并单击它,它会尝试将我带到第 20 页,而不是第 5 页。我该如何制作它才能将我带到过滤列表的最后一页?(第 5 页)

0 投票
2 回答
1207 浏览

angularjs - list.js 排序和视图更改不适用于角度

我在角度范围内有艺术家信息,并使用 ng-repeat 重复以列出模板中的所有艺术家信息。我正在尝试使用list.js对(名称、标题、标签、视图)数据进行排序。我已经使用 bower 安装了 list.js 并在 html 模板中提到了源代码<script src="/static/vendors/list.js/dist/list.min.js"></script>.

我正试图复制这个代码笔,但有角度。

我知道角度排序!

问题: 排序和视图更改似乎不起作用

0 投票
1 回答
617 浏览

angularjs - list.js 排序不起作用

我正在尝试使用list.js对(名称、标题、标签、视图)数据进行排序。我已经使用 bower 安装了 list.js 并在 html 模板中提到了源代码<script src="/static/vendors/list.js/dist/list.min.js"></script>.

我正试图复制这个代码笔,但有角度。

注意:我知道角度排序!

问题: 排序和视图更改似乎不起作用