JavaScript生成灵活的列表 List.js

JavaScript生成灵活的列表 List.js

MIT
JavaScript 查看源码»
跨平台
2011-12-11
红薯

List.js 是一个轻量级(7kb)的 JavaScript 类库,支持多种浏览器,并且不依赖于其它任何框架。使用它能够生成相当灵活的 HTML 列表,将普通的 UL 列表变成拥有查找、排序和过滤功能的列表。除此之外,它还给列表增加了添加、修改和删除的功能,极大的扩展了现有列表的功能。

示例代码:

HTML

<div id="hacker-list">
    <ul class="list"></ul>
</div>

<div style="display:none;">
    <!-- A template element is needed when list is empty, TODO: needs a better solution -->
    <li id="hacker-item">
       <h3 class="name"></h3>
       <p class="city"></p>
    </li>
</div>

JavaScript

var options = {
    item: 'hacker-item'
};

var values = [
    { name: 'Jonny', city:'Stockholm' }
    , { name: 'Jonas', city:'Berlin' }
];

var hackerList = new List('hacker-list', options, values);

的码云指数为
超过 的项目
加载中

评论(3)

__FresHmaN
__FresHmaN
listjs.com居然被墙了?还是我自己的问题? List.js
wx---每日佳选
wx---每日佳选
http://www.listjs.com/ 版本已经到1.2了. #List.js#
whitesun-makedream
whitesun-makedream
这个的分页插件有上一页,下一页吗 #List.js#

List.js 0.2.0 发布,灵活生成列表的JS库

List.js 0.2.0 发布,该版本最大的改进就是支持插件,详情请阅读:http://jonnystromberg.com/listjs-plugins-guide/ 。而首个插件就是大家期待已久的分页插件,详情:http://jonnystromberg...

2012/01/30 07:16

没有更多内容

加载失败,请刷新页面

没有更多内容

暂无问答

2016年31款轻量高效的开源 JavaScript 插件和库

目前有很多网站设计师和开发者喜欢使用由JavaScript开发的插件和库,但同时面临一个苦恼的问题:它们中的大多数实在是太累赘而且常常降低网站的性能。其实,其中也有不少轻量级的插件和库,它...

2016/12/06 09:30
36
0

没有更多内容

加载失败,请刷新页面

没有更多内容

返回顶部
顶部