我正在使用list.js作为快速排序元素列表的方法。我现在设置它,搜索框能够对任何参数进行排序,但我想设置它,例如,第一个框将按名称排序,然后是第二个框将按类型或类型2排序。
这将允许用户在我的示例中使用第一个框来按名称搜索,然后使用第二个框来进一步细化结果。我害怕我认为解决方案可能是什么,即包含较少字段的数据的另一个副本以及框中搜索的隐藏,但即使在那个不太理想的情况下我也不确定使用名称搜索来翻译在该搜索中找到的结果的方法。
这就是我到目前为止所做的一切,这一切都像是一种魅力,但是任何帮助推动我的需求都会有所帮助。
<div id="results">
<input class="search" /><br />
<span class="sort" data-sort="name">Sort by Pokemon Name</span><br />
<span class="sort" data-sort="type">Sort by Pokemon Type</span><br />
<span class="sort" data-sort="type2">Sort by Second Type</span><br />
<span class="sort" data-sort="number">Sort by Number</span><br />
<ul class="list"></ul>
</div>
<script>
var options = {
item: '<li><h3 class="name"></h3><p class="type"></p><p class="type2"></p></li>'
};
var values = [
{name: 'Bulbasaur', type: 'Grass', type2: 'Poison', number: '001'}
, {name: 'Ivysaur', type: 'Grass', type2: 'Poison', number: '002'}
, {name: 'Venusaur', type: 'Grass', type2: 'Poison', number: '003'}
];
var pokeList = new List('results', options, values);
</script>