Hozzon létre egy egyéni plug-in stílusban - írására nézetek drupal 8

Views modul (reprezentáció) egyik összetevője a mag Drupal 8. róla minden ma. Twig - Új sablon motor Drupal 8. Ez az, amit mi is, már ismert. De hogyan lehet programozottan kölcsönhatásba a modul nézete, hogy a téma megtekintése használatával Twig? Amellett, hogy átfedő minták, mint bármely más rendszer modulok, van egy erősebb alternatívát formájában plug-inek Views (Display, Style, Row és Field).

Ebben a cikkben megnézzük, hogyan lehet létrehozni egy Drupal 8 Stílus Plugin Views. Az általunk használt jelölés Bootstrap lapok és végre füles következtetést eredményeink nézete. A Views konfigurációban a stílus beállítások lehetővé teszik számunkra, hogy melyik területen fogják használni, mint egy példányát füles navigáció, és a levelek látható a lapok fennmaradó területeken. Általában minden eredmény lesz Nézet fülre, így ez a példa nem alkalmas prezentációk túl sok eredményt. Célunk - igazolni, a folyamat létrehozásának saját stílus bővítmény Drupal 8.

Mi az a plug-in stílus?

Stílus plugin továbbításáért felelős a listákat. Nyilvánvaló példák stílus pluginok formázatlan listán. HTML listát. Táblázat vagy Rács. Az megjelenítése használ egy plugin, és ők pedig használhatja Row bővítményekből jelentik az egyik elemet a listából.

A Drupal 8, megnézve minden típusú plug-inek felhasználásával épült az új plug-in rendszer, és van egy közös funkcionális (ezek örökölt azonos PluginBase).

Hozzunk létre ugyanazon a stíluson dugó, amelyet fel lehet használni a legtöbb típusú Display (p, Block, stb), és amely felhasználja Field dugót.

Stílus Lapok bővítmény Bootstrap

Az első lépés - a létrehozása a beépülő modul osztály Plugin / views / stílusa modul mappát:

Drupal bővítmény, amely megteremti - az ViewsStyle néhány én alapadatok róla, telt az összefoglalóban. Nem is beszélve a legnyilvánvalóbb adatokat, van egy téma és kulcsszavak display_types. Érdemes megemlíteni. Téma kijelenti, milyen funkciót szálak fogja használni a plug-in adatok és display_types bejelenti, hogy milyen plug-inek, hogy lehet használni Display Style (ebben az esetben minden típusú kijelző, hacsak másként nem jelezzük: normál). Ha szeretne többet megtudni információkat az összes lehetséges, jegyzet, nézd meg a Drupal \ nézetek \ Jegyzet \ ViewsStyle osztály Jegyzet.

Két tulajdonságait az osztály bejelentettük, hogy a bővítmény Row plugins, de nem teszi lehetővé csoportosítása. Győződjön meg róla, hogy ellenőrizte az összes szülő és figyelembe kell venni más hasonló lehetőségeket. Például egy osztályt, hogy örökli már bejelentette, hogy a mezők nézete fel lehet használni a plug-Style.

Ahogy már említettük, a két módszerrel, hozunk létre egy plugin opciót, és olyan formában elem, amely meghatározza, hogy mely területen kell segítségül hívni a navigációs lapok. Egy felvezető a jelenlegi állapot ($ this-> displayHandler), tudjuk betölteni a rendelkezésre álló mezőket megtekintése, amely hozzáadott szoftver motort. És ez az új formája tétel lesz elérhető formában stílusbeállításra:

Mert mi is örököl StylePluginBase osztályban. Többé nem kell csinálni semmit. Jelenítse meg a jelölést tudunk támaszkodni demo_bootstrap_tabs. amely megkapja a megfelelő változó a teljesítménye megtekintése. Ha erősen akar, akkor újra a módszereket és még több változót, hogy témát váltson, stb De az alapértelmezett beállításokat, mi tökéletes, különösen azért, mert mi végrehajtása elõfeldolgozót feldolgozás változó megkapja a sablon.

Itt az ideje, hogy meghatározza a témát demo_bootstrap_tabs. hogyan csináljuk általában (a mi .module fájl):

Default Style bővítmény küldi a sablon objektum $ kilátás, és az eredmény a $ rows. A feldolgozás ezen változók (ha szükséges), mielőtt át a minta - ezt a munkát előfeldolgozó.

Mi folyik itt? Először vizsgáljuk meg a stílus bővítmény beállításait, hogy azt használja a mező nevét (az egyik, hogy a kiválasztott, amikor beállítja a View). Ha nem, akkor hívja a return, de csak miután a preprocessor végre template_preprocess_views_view_unformatted funkciót. Továbbá, az eredmények alapján Nézettség megy keresztül egy ciklus, és ennek eredményeként, egy sor tartalom a füles navigáció. Ehhez használjuk a views_view_field menetek át a kijelölt helyre. Végül átadjuk a tömb mintát, és futtassa a preprocessor formázatlan Listastílus.

A Drupal 8 már nem úgy működik, most minden feldolgozott Twig sablonokat. Lássuk, hogyan fájl demo-bootstrap-tabs.html.twig néz a modul sablonok mappát:

Mint látható, szükséges jelölést Bootstrap lapok. Persze, ez nem fog működni, ha még nem töltötte le a saját téma Bootstrap stílusok és a scriptek.

Az első dolog, amit át - mutat navigációs lapok (a mi változó nav). Ha a ciklus végigmegy a tömb, akkor is részesülhetnek a sorozatból az index értéke annak érdekében, hogy az első elem alapértelmezés szerint aktív, és lehetősége volt arra, hogy megcélozza a tartalmát ablakcímkék segítségével egyedi azonosító. Ami az igazi értéke a terméket, egyszerűen megjeleníti a továbbított tömb jött létre az előfeldolgozó és Drupal foglalkozik továbbítja. Tekintettel a fentiekre, talán egy jó ötlet, hogy győződjön meg arról, hogy a mező amit jelenleg használ, viszonylag rövid, hivatkozás nélkül és az alapvető elrendezést. Nevek valószínűleg működni. De itt van a megfelelő nézet konfigurációt.

Alján a navigációs, átadjuk a lejárt sorokat, ugyanazt a ciklus index az alapértelmezett az első sorban, mint az aktív fülre panel és egyedi címke őket, hogy hozzanak létre navigációs felett tudta irányítani a láthatóságot. Ami a tartalmat, azt, hogy teljes mértékben változó row.content (amit úgy készítünk belül template_preprocess_views_view_unformatted), amelyben az összes körünkbe megtekintése tárolják. És ha nem akarjuk, hogy tartalmazza a területen, hogy a navigációhoz használják, akkor egyszerűen megszünteti azt mutatja a kilátás konfigurációt. Ez a mező továbbra is megjelenik a navigációs (mert rakjuk ott), de nem fog megjelenni a fő lapon bárban.

következtetés

Nos, ez minden. Views stílus bővítmény az eredmény megjelenítésére megtekintése Bootstrap lapok. Minden, amire szükségünk van most -, hogy megbizonyosodjon arról, hogy a Bootstrap állapotának függvényében letöltött és konfigurálva van a nézet stílusa dugót. Tartsuk szem előtt, hogy ez a módszer nem alkalmas nézete sok eredményt, és csak arra szolgál példaként, hogy létrehozza a stílus dugó.