• 开源吧 > AJAX开源项目 > L字开头 > List

---

你想过一个9K的跨浏览器原生JavaScript使得普通的HTML列表超级灵活、可搜索、排序和过滤性么？你是否想过使用模版来定制列表（添加、编辑和删除元素）？好吧，list.js将会使这些想法成为现实。

使用方法

HTML代码

<div id="hacker-list">
    <ul class="list">
       <li>
           <h3 class="name">Jonny</h3>
           <p class="city">Stockholm</p>
       </li>
       <li>
           <h3 class="name">Jonas</h3>
           <p class="city">Berlin</p>
       </li>
    </ul>
</div>

Javascript代码

var options = {
    valueNames: [ 'name', 'city' ]
};

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

初始化并创建列表

HTML代码

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

JavaScript代码

var options = {
    item: '<li><h3 class="name"></h3><p class="city"></p></li>'
};

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

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