pixel


Szaki Table Joomla! plugin
2012. december 11. kedd, 17:18

Szaki Table Joomla! pluginSzaki Table egy táblázatkezelő plugin Joomla! 1.5, 2.5, 3.0-hoz.

Legutóbbi változattal már nem csak CSV-ből, de SQL lekérdezésből is lehet táblázatot készíteni. Továbbá lehetővé teszi a táblázat oszlopok szerinti rendezését, sorainak zebra mintásra alakítását, címsor elem hozzáadását, tartalmának szűrését, hosszú táblázatok oldalakra való tagolását, és a táblázat szélességének intelligens növelését.

A Joomla! 1.5, 2.5, 3.0 alá készített Szaki Table plugin, amely jQuery keretrendszert használ, lehetővé teszi a táblázat elkészítését CSV adatokból, táblázat több oszlopos rendezését betűrend szerint, szűrését, átméretezését, sorainak jobb elkülönítését, illetve felsorolások szűrését is.

Szaki Table plugin demó

Name Email Due Date Difrence Lorem
John Ezt a címet a spamrobotok ellen védjük. Engedélyezze a Javascript használatát, hogy megtekinthesse. 400.00 HUF 2010-12-29 +12 Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Frank Ezt a címet a spamrobotok ellen védjük. Engedélyezze a Javascript használatát, hogy megtekinthesse. 20.00 USD 2010-12-01 -26 Pellentesque et nulla id dui blandit blandit.
Jason Ezt a címet a spamrobotok ellen védjük. Engedélyezze a Javascript használatát, hogy megtekinthesse. 40.00 HUF 2010-11-01 +12.1 Cras placerat mattis lacinia.
Peter Ezt a címet a spamrobotok ellen védjük. Engedélyezze a Javascript használatát, hogy megtekinthesse. 20.00 HUF 2010-11-11 +67 Nullam eu congue nisl.
Igor Ezt a címet a spamrobotok ellen védjük. Engedélyezze a Javascript használatát, hogy megtekinthesse. 50.00 USD 2010-10-11 +67.7 Nam orci velit.

A demó kódja:

{szakitable filter="table"
zebra="#eef" width="750"}
<table class="wide">
<thead>
<tr>
<th>Name</th>
<th>Email</th>
<th>Due</th>
<th>Date</th>
<th>Difrence</th>
<th>Lorem</th>
</tr>
</thead>
<tbody>
<tr>
<td>John</td>
<td> Ezt a címet a spamrobotok ellen védjük. Engedélyezze a Javascript használatát, hogy megtekinthesse. </td>
<td>400.00 HUF</td>
<td>2010-12-29</td>
<td>+12</td>
<td>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</td>
</tr>
...
</table>
{/szakitable}

Többoszlopos rendezés

A táblázat akár több oszlop szerint is rendezhető, ha az újabb rendezéshez a shift billentyű nyomva tartása mellett kattintunk a rendezni kívánt oszlop tetejére.

Szaki Table Joomla! plugin használata

A használatához a cikkben lévő táblázatot vagy felsorolást a {szakitable} {/szakitable} címkék közé kell tenni. Az első címkében lehetőség van a plugin vezérlésére. Például a következővel bekapcsolható a táblázat szűrése.

{szakitable filter="table"}
<table>
.
.
.
{/szakitable}

CSV fájlból táblázat

Szaki Table képes külső CSV fájlból is táblázatot készíteni. Az alapértelmezett elhatárolás a CSV-ben a ';'

{szakitable
csv="http://link.hu/file.csv" filter="table" zebra="#eee" }
{/szakitable}

CSV fájl tartalma:

Name;Email;Due;Date;Difrence;CSV data
John; Ezt a címet a spamrobotok ellen védjük. Engedélyezze a Javascript használatát, hogy megtekinthesse. ;400.00 HUF;2010.12.29;12;Lorem...

Ha az elhatárolás a CSV fájlban nem ';' akkor azt a csvseparator attribútum értékével adható meg. Ez tabulált lista esetén: csvseparator="\t", vessző esetén csvseparator=",".

{szakitable
csv="http://link.hu/file-tabbed.csv"
filter="table" zebra="#eee" csvseparator="\t" }
{/szakitable}

Táblázat oszlopának elrejtése

CSV-ből készített táblázat második oszlopának elrejtése CSS kóddal:

<style type="text/css">
.szakitable table.csv td:nth-child(2),
.szakitable table.csv th:nth-child(2){
display: none}
</style>

Táblázat SQL lekérdezésből

A Szaki Table beépülő lehetőséget ad SQL lekérdezésből való táblázatkészítésre.
Szintaxis: sql="< szabványos SQL lekérdezés >"

Példa:

{szakitable
sql="select title, alias as 'Vagylagos cím', section, published from jos_categories"
filter="table" zebra="#eee"
caption="SQL lekérdezésből táblázat" }
{/szakitable}
titleVagylagos címsectionpublished
Sablonoksablon21
Bővítményekbovitmeny21
Fordításokforditas21
Tippek, trükköktrukk11
Szótárszotar11

Táblázat oszlopainak értelmezése rendezéshez

Megadható a táblázat oszlopainak az értelmezése a headers attribútum használatával. Szintaxis: headers="{oszlop}:{mód}, {oszlop}:{mód}". Ahol az első oszlop a 0, a mód értéke: text (alapértelmezett), text2 (utf-8), digit, currency, ipAddress, url, isoDate, percent, usLongDate, shortDate, time lehet.

{szakitable
csv="http://link.hu/file-utf-8.csv"
headers="0:text2, 1:text, 2:currency, 5:text2" }
{/szakitable}

Táblázat lapozása

Lehetőség van a hosszú táblázatok lapozására is a pager attribútum segítségével. Szintaxis: pager="1".

{szakitable
csv="http://link.hu/long-data.csv"
pager="1" zebra="WhiteSmoke" filter="table"}
{/szakitable}

Táblázat, felsorolás szűrése

Lehetőség van táblázatok, felsorolások szűrésére amelyhez elég megadni a filter="table" vagy filter="ol" kapcsolót.

  1. Lorem ipsum dolor sit amet
    1. Pellentesque et nulla id dui blandit blandit.
    2. Cras placerat mattis lacinia.
    3. Quisque sit amet cursus elit.
    4. Phasellus in sapien ante.
  2. In pretium mauris a tortor vulputate eleifend
    1. Pellentesque et nulla id dui blandit blandit.
    2. Nullam eu congue nisl.
    3. Lorem ipsum dolor sit amet.

Zebra minta

A táblázat sorainak elkülönítését segíti az úgynevezett zebra minta, amelyet a zebra="" hozzáadásával valósítható meg.

{szakitable zebra="#eef"}
vagy
{szakitable zebra="silver"}

Táblázat átméretezése

Ha kevés a hely, a Szaki Table Joomla! plugin lehetőséget ad a széleseb táblázat használatára. Ez úgy valósul meg, hogy megadunk egy width elemet, pl. width="750". Ebben az esetben a táblázat szélessége 750 px-re terjeszti ki, de csak akkor ha a kurzor fölé ér.

Táblázat címe (caption)

A táblázat címe is megadható a Szaki Table Joomla! beépülővel a caption elem megadásával pl. caption="Példa táblázat címe". Ebben az esetben a táblázat felett megjelenik annak címe a HTML <caption> címkében.

Szaki Table Joomla! 1.5 plugin ingyenesen letölthető: plg_szaki_table_j1.5_v1.2zip

Szaki Table Joomla! 2.5 plugin ingyenesen letölthető: plg_szaki_table_j2.5_v1.2.zip

Szaki Table Joomla! 3.0 plugin ingyenesen letölthető: plg_szaki_table_j3.0_v1.2.zip