jokecoat
Posts: 43
|
Posted: 10/22/2012, 1:57 PM |
|
Hi there,
I would very much like to add an on-the-fly filtering to my grid (which is a gallery lay-out). I came a cross this solution http://www.myphpetc.com/2010/02/build-on-fly-filtering-with-jquery.html
Problem is, when i apply this and i enter the first letter the whole grid goes empty. So i guess i didn't put the <div class="option"> in the right place. I figured that i had to putt the panel which contains the data between the <div class="option">.
I tried directly before <!-- BEGIN Panel RowComponents --> and directly after, but that didn't do the trick.
Any idea?
|
|
|
bannedone
Posts: 273
|
Posted: 10/22/2012, 3:23 PM |
|
Hi
The way I read that documentation is that your <div> tags need to be around each row in your grid NOT the entire panel for the rows.
Soo.. Modify the html for the grid rows inside the row panel.
_________________
John Real
CodeCharge Studio Support, Training, Consulting, Development, Web based solutions
http://realsites.biz
http://ccselite.com
Other Banned IDs on this Forum. jjrjr1, jjrjr2 |
|
|
jokecoat
Posts: 43
|
Posted: 10/23/2012, 9:43 AM |
|
I tried your hint, but that didn't work
This is how the html looks lik now:
<div class="option">
<!-- BEGIN Row -->
<!-- BEGIN Panel RowOpenTag -->
<tr class="Row">
<!-- END Panel RowOpenTag -->
<td valign="top">
<!-- BEGIN Panel RowComponents -->
<table border="0" width="100%">
<tr>
<tdcolspan="3">
<div class="aios">
<h3>{Naam}, {Voorletter} ({Voornaam}) {Tussenvoegsel}</td> </h3>
</div>
</tr>
<tr>
<td></td>
<td valign="top">Startdatum<br></td>
<td valign="top">{StartDatum}<br></td>
</tr>
</table>
<!-- END Panel RowComponents -->
</td>
<!-- BEGIN Panel RowCloseTag -->
</tr>
<!-- END Panel RowCloseTag -->
<!-- END Row -->
</div>
The <div class="option"> is what should hide.
You should know that i use a gallery grid, 3 collumns wide
|
|
|
bannedone
Posts: 273
|
Posted: 10/23/2012, 7:53 PM |
|
You have to put your div tags arount the actual html for your topics.
If you think about how CCS builds grids.. Where you have the <div class="option"> is around the entire row panel. So every time you click it hides ALL rows.
Move the div tag inside and around the appropriate html for the grid rows.
Try just inside the begin row panel.
_________________
John Real
CodeCharge Studio Support, Training, Consulting, Development, Web based solutions
http://realsites.biz
http://ccselite.com
Other Banned IDs on this Forum. jjrjr1, jjrjr2 |
|
|
|