用于字母过滤器的纯JavaScript或BackboneJS方法

问题描述 投票:0回答:2

您认为,最好是尽量避免使用BackboneJS并尽可能使用模板,或者仅使用JavaScript来添加诸如字母过滤器之类的元素。

说明:字母过滤器可过滤结果[a],[b],[c]等以获得以a,b,c等开头的结果

backbone.js filter
2个回答
0
投票

普通JavaScript是我在1999年的答案。

[2013年,您是否想在没有MVC的情况下在JavaScript上实现功能(在本例中为Backbone.js)?

带有普通JavaSript的字母过滤器等于重新发明了轮子,而Backbone只是过滤一个集合。

我没有怀疑的人,使用Backbone.js


0
投票

这个问题已经发布很长时间了,但是现在有一个开放源代码的香草JavaScript插件可以用字母导航按字母顺序过滤任何HTML列表

称为AlphaListNav.js

仅输出您的HTML列表:

<ul id="myList">
  <li>Eggplant</li>
  <li>Apples</li>
  <li>Carrots</li>
  <li>Blueberries</li>  
</ul>

在页面的<head>中添加CSS:

<link rel="stylesheet" href="alphaListNav.css">

在结束</body>标记之前添加JavaScript文件:

<script src="alphaListNav.js"></script>

然后通过向其传递列表的ID来初始化列表中的AlphaListNav库。像这样:

<script>
    new AlphaListNav('myList');
</script>

它具有各种不同的选项,可以自定义您想要的行为:

例如:

<script>
  new AlphaListNav('myList', {
    initLetter: 'A',
    includeAll: false,
    includeNums: false,
    removeDisabled: true,
    //and many other options available..
  });
</script>

GitHub项目是here

并且CodePen示例为here

[AlphaListNav.js网站和文档为here

© www.soinside.com 2019 - 2024. All rights reserved.