这是代码的一些示例..
if(loc > 0 || cat > 0 || price > 0 || jsBed <= bedroom || jsBuilt >= built) {
/// Condition to checn all true
return true;
} else if(loc < 0 || cat > 0 || price > 0 || jsBed <= bedroom || jsBuilt >= built) {
/////// 1 false other are true
} else if(loc > 0 || cat < 0 || price > 0 || jsBed <= bedroom || jsBuilt >= built) {
} …我试图使用list.js插件基于一组复选框过滤一些结果.
我已经设法按一个标准排序,一次只能按一个项目排序,即只是简单,只有中等,但是当我尝试选择多个复选框时,它不起作用即.同时选择简单和适度.
有没有人有任何建议如何我这样做.html和javascript在下面.
提前致谢.
<div id="search-results">
Sort by:
<button class="sort btn" data-sort="name">
Name <i class="fa fa-fw"></i>
</button>
<button class="sort btn" data-sort="date">
Departures <i class="fa fa-fw"></i>
</button>
<button class="sort btn" data-sort="difficulty">
Difficulty <i class="fa fa-fw"></i>
</button>
Filter:
<label for="easy">Easy</label>
<input type="checkbox" name="easy" class="filter" data-value="Easy" />
<label for="moderate">Moderate</label>
<input type="checkbox" name="moderate" class="filter" data-value="Moderate" />
<label for="challenging">Challenging</label>
<input type="checkbox" name="challenging" class="filter" data-value="Challenging" />
<div class="list">
@foreach (var page in umbracoPages.OrderBy(x => x.Difficulty))
{
<div class="package">
<span class="name">@page.Name</span><br />
<span class="date"><strong>@page.Date @(page.Date == 1 …我似乎无法弄清楚这一点.我已经尝试过$(document).ready但仍然不适合我.我还尝试专门为这两个值名创建一个for循环,以将结果保存到var并以这种方式传递它.我也尝试将输入与class和id一起放在父div和outside之外.基本上就像在导航栏中一样.使用list.js和knockout.js btw.我使用foursquares api使用ajax请求获取我的场地.
JS:
var options = {
valueNames: ['name', 'category']
};
var userList = new List('search', options);
HTML:
<body>
<nav>
<h1 class="formattedH1">Downtown SA,TX</h1>
<span>
<input type="search" placeholder="Search" class="search" id="search">
<input type="button" class="sort searchButton" value="List"></input>
</span>
</nav>
<div id="map" class="map"></div>
<div class="list">
<input type="search" placeholder="Search" class="search" id="search">
<h1>My Top 5</h1>
<!-- Square card -->
<div class="card" id="favViewModel" data-bind="foreach: favList">
<div class="expand">
<h2 class="venueName" data-bind="text:name"></h2>
</div>
<div class="cardSupport" data-bind="attr: {src: image()}">
</div>
<div class="cardSupport" data-bind="text:address">
</div>
<a data-bind="attr: {href: website()}">Website</a>
</div> …在我的应用程序中,我使用List.js进行排序.所有"字符串"值都正常工作.但我确实在列中有"修改日期".
当我点击"按日期修改" - 进行排序时,这只是考虑日期值是什么文本,例如:1/4/11 ..并相应地排序.因为这种方法我得到错误的排序顺序.
我该如何制作呢？它应该根据数字的真实值来排序日期是什么？
这是我的代码:
new List('mfi-col2', {
valueNames: ['companyLegalName', 'phazeName', 'contactName', 'number', 'enrollId', 'accountType']
});
而不是"number"可以发送$(".number").data-number？那么让它使用我从服务器获取的时间戳？
或者任何人都可以建议这个插件的替代品？
这是我第一次使用list.js,由于某种原因它无法正常工作.
这是一个实例. http://hartslogmuseum.com/bookhjr10/test.php 这里应该做什么 http://listjs.com/examples
这是我的代码.我只想搜索名字.
<div class="table-responsive">
<div id="catalog">
<input class="search" placeholder="Search" />
<button class="sort" data-sort="name">
Sort Name
</button>
<button class="sort" data-sort="cat">
Sort Category
</button>
<h2> Catalog </h2>
<table class="list table-bordered table-striped">
<tr>
<td> <h2 class="name">Item Name</h2> </td>
<td><h2 class="cat">Item Category</h2></td>
<td> <h2>Thumbnail</h2></td>
<td> <h2 class="descr">Item Desc</h2> </td>
<td> <h2 class="time">Time Frame</h2> </td>
<td> <h2 class="donor">Donor</h2> </td>
</tr>
$resultSet = mysqli_query($conn,"SELECT * FROM bookhjr10_items");
While($row = mysqli_fetch_array($resultSet))
{
$i=0;
echo "<tr>";
echo "<td class=\"name\">".$row['name']. "</td>";
echo "<td class=\"cat\">".$row['category']. "</td>"; …我正在尝试在事件处理程序中运行一个小部件.
由于某种原因,在事件处理函数内部不触发窗口小部件.此事件属于List.js,小部件属于paging.js.
var userList = new List('users',options);
userList.on('searchComplete', function () {
$('#testTable').paging({limit:5});
});
$('#testTable').paging({limit:5});
$('#testTable').paging({limit:5}); 搜索完成时该行会被激活 - 但由于某种原因它不会运行.
JSFiddle示例:
有帮助吗？
如何使用List.js插件从多个位置进行搜索？
<div id="test_list">
<input type="text" class="fuzzy-search" />
<div class="clear"></div>
<ul class="list" style="width: 33.333%; float: left;">
<li><p class="city">Guybrush Threepwood</p></li>
<li><p class="city">Elaine Marley</p></li>
<li><p class="city">LeChuck</p></li>
<li><p class="city">Stan</p></li>
<li><p class="city">Voodoo Lady</p></li>
<li><p class="city">Herman Toothrot</p></li>
<li><p class="city">Meathook</p></li>
</ul>
<ul class="list" style="width: 33.333%; float: left;">
<li><p class="city">Carla</p></li>
<li><p class="city">Otis</p></li>
<li><p class="city">Rapp Scallion</p></li>
<li><p class="city">Rum Rogers Sr.</p></li>
<li><p class="city">Men of Low Moral Fiber</p></li>
<li><p class="city">Murray</p></li>
<li><p class="city">Cannibals</p></li>
</ul>
</div>
2 .list列表在哪里,但只在第一个工作.如何从两个列表中搜索任何建议？谢谢.
我有一个有很多行的表.因此我决定使用list.js(分页).但是我不希望数字作为网页,但一next和previous按钮,我可以单独样式(或让引导到工作).
<ul class="pager">
<li>
<a class="" href="#">Previous</a>
</li>
<li>
<a class="" href="#">Next</a>
</li>
</ul>
var list = new List('item-table', {
valueNames: ['item'],
page: 10,
plugins: [ListPagination({})]
});
这可能与库(我没有在文档中找到任何有用的东西)或我是否必须使用其他东西？
我尝试了roll的解决方案.我现在说错了Cannot read property 'childNodes' of undefined.添加时,此错误消失了<ul class="pagination"></ul>.但是,当尝试访问列表的show方法时,我再次收到错误:Cannot read property 'show' of undefined
新的JS代码
$(document).ready(function() {
//var options = {
// valueNames: ['einheit'],
// page: 13,
// plugins: [ListPagination({})]
//}
var list = new List('item-table', {
valueNames: ['item'],
page: 10,
plugins: [ListPagination({})] …list.js正在使用搜索框作为默认值.有人知道,如何使用list.js的下拉选择框？
我用过:
使用Javascript:
<script type="text/javascript">
$('#tpi').change(function () {
var selection = this.value; //grab the value selected
var options = { valueNames: [ 'name', 'type', 'tpi' ]
};
var userList = new List('users', options);
});
</script>
HTML
<select name="tpi" id="tpi">
<option selected="selected" value="tpi">TPI</option>
<option value="11">11</option>
<option value="14">14</option>
<option value="16">16</option>
<option value="18">18</option>
<option value="19">19</option>
</select>
但不行.:(
我正在使用list.js库(http://www.listjs.com/)来排序一些表.我想知道在页面加载时是否可以获得默认排序而不点击任何内容.
在用户搜索了列表中没有的内容后,如何显示NO RESULT FOUND.我正在使用list.js,我无法弄清楚如何实现它？
是否有一种方法可以在我的代码上的某处添加JavaScript代码,可以监视表列表是否为空并且显示没有找到结果,因为我使用list.js搜索或更好的替代方案？
我需要一种方法可以告诉我的用户他们正在搜索的内容不存在.
var monkeyList = new List('users', {
valueNames: ['name', 'born'],
page: 3,
plugins: [ ListPagination({}) ]
});<div id="users">
<input class="search" placeholder="Search" />
<button class="sort" data-sort="name">
Sort by name
</button>
<ul class="list">
<li>
<h3 class="name">Jonny Stromberg</h3>
<p class="born">1986</p>
</li>
<li>
<h3 class="name">Jonas Arnklint</h3>
<p class="born">1985</p>
</li>
<li>
<h3 class="name">Martina Elm</h3>
<p class="born">1986</p>
</li>
<li>
<h3 class="name">Gustaf Lindqvist</h3>
<p class="born">1983</p>
</li>
</ul>
<ul class="pagination"></ul>
</div>
<script src="http://listjs.com/no-cdn/list.js"></script>
<script src="http://listjs.com/no-cdn/list.pagination.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>如何在ListJS上的输入字段搜索后计算项目？
我不知道在哪里可以得到它,因为我只是使用基本的例子:
var params = {
valueNames : ['titleList', 'currentList', 'typeCode', 'categoryCode'],
plugins: [ ListFuzzySearch() ]
}
var searchSightseeing = new List('sightseeingList', params);
我size()在oninput我的字段中尝试使用方法,如下所示:
$('#sightseeing-name').on('input', function(){
console.log(searchSightseeing.size());
})
但它仍然导致所有项目的计数.
listjs ×12
javascript ×10
jquery ×4
html ×3
search ×2
sorting ×2
c# ×1
css ×1
dropdownbox ×1
filter ×1
fuzzy-search ×1
if-statement ×1
jquery-ui ×1