Add filters to grid

29 views
Skip to first unread message

Alessandro Maglioccola

unread,
May 18, 2015, 5:53:00 AM5/18/15
to android-...@googlegroups.com
Hi, I've a grid like this:

<ul class="items list-unstyled clearfix animated fadeInRight showing" data-animation="fadeInRight" style="position: relative; height: 438px;">
            <li class="item Appartamenti Piantine Cadeo" style="position: absolute; left: 0px; top: 0px;"> 
<figure class="effect-bubba">
<img src="images/work/1.jpg" alt="img02"/>
<figcaption>
<h2>Una delle nostre costruzioni</h2> 
<a href="#cantieri" onclick="javascript:showDetail(1);">Dettagli</a>
</figcaption>
</figure> 
            </li>
....
</ul>

and I'd like to filter its items.

I've some filters, but I cannot "merge" them. For example I'd like to use a condition like: "filter1 AND filter2".

filters are:

<ul class="filters list-inline">
<li>
<div class="dropdown" id="dlDropDown">
<button class="btn btn-default dropdown-toggle" type="button" id="menu1" data-toggle="dropdown">COMUNE
<span class="caret"></span></button>
<ul class="dropdown-menu" role="menu" aria-labelledby="menu1">
<li role="presentation"><a class="comuni" role="menuitem" tabindex="-1" data-filter=".Cadeo" href="#">Cadeo</a></li>
<li role="presentation"><a class="comuni" role="menuitem" tabindex="-1" data-filter=".Roveleto" href="#">Roveleto</a></li>
<li role="presentation"><a class="comuni" role="menuitem" tabindex="-1" data-filter=".FontanaFredda" href="#">Fontana Fredda</a></li>
<!--li role="presentation" class="divider"></li>
<li role="presentation"><a role="menuitem" tabindex="-1" href="#">About Us</a></li-->
</ul>
</div>
</li>
<li> <a class="active" data-filter="*" href="#">Tutto</a> </li>
<li> <a data-filter=".Appartamenti" href="#">Appartamenti</a> </li>
<li> <a data-filter=".Ville" href="#">Ville</a> </li>
<li> <a data-filter=".Pronte" href="#">Pronta consegna</a> </li>
</ul>

Actually you can just filter elements with class "Cadeo" or "Appartamenti", how can I do to filter using AND?

Thanks and sorry for my English :-)

Reply all
Reply to author
Forward
0 new messages