Need näited näitavad, kuidas saab erinevaid menüüpuid näidata igas saidis, kui kasutatatakse saidi halduses QCubed v4 versiooni peale ehitatud NestedSortable dünaamilist pistikprogrammi.

Näidete jaoks on siin piiratud menüüpuu näitamist kolme tasemega. Tegelikult saab menüüpuu tasemete arvu piiramatult suurendada, kuid praktikas on heaks tavaks piirata menüüpuu tasemed kuni kahe-kolme taseme peale, mille tõttu on saidi kasutajatel kerge navigeerida erinevatel lehtedel ja leida kiiresti otsitavat infot.

Näide: NaturalList

Esimene näide kasutab NaturalList klassi ja selle eesmärgiks on näha, kuidas näeb välja puhas loetelu ilma mingite stiilideta ega javascripti toetuseta. Proovige mängida menüü halduriga ja tulge uuesti siia, selleks tuleb brauserit värskendada.

See NaturalList klass on heaks lähtebaasiks, kui soovitakse erineva välimusega ja javascripti efektidega menüüd teha. Nendeks on funktsioonid renderMenuTree() ja makeJqWidget().

Näide: Bootstrap Navbar

Teine näide kasutab QCubed Bootstrap klassi võimalusi, konkreetselt NavbarList'i võimalusi. Praegu ei toeta ametlik Bootstrap mitmetasandilisi tasemeid, saab kuvada ainult kuni 2 tasandit.

Sellisel juhul tuleb lihtsalt seadistada NestedSortable MaxLevels'i väärtuseks "2", mis piirab soovitud tasemete sügavust.

Näide: SmartMenus Bootstrap Addon (Navbar)

Kolmas näide kasutab Bootstrap Navbar'ile alternatiivi SmartMenus't. Seda juhul, kui ametlik Bootstrap Navbar'i kahetasandilised võimalused ei rahulda teid. See näide kasutab pistikprogrammi SmartMenus võimalusi.

NaturalList klassi baasil kohandatud SmartMenus klass koos kasutades QCubed Bootstrap Navbar'iga annab meile soovitud tulemuse.

Näide: Bootstrap Navbar'i kasutamine koos SideBar-ga

Mõnikord võib tekkida vajadus näidata näiteks tellija soovil niisugust saiti, kus menüüpuu esimest taset kuvatakse Bootstrap Navbar'is ja menüüpuu järgmised tasemed kuvatakse sisu kõrval kas vasakul või paremal poolel.

Neljandas näites näitame, et kuidas seda saab teha, kasutades css-i klasse ja javascripti. Loomulikult tuleb ka NaturalList klassi kasutada ja sobitada SideBar klassi jaoks.

Home

Lorem ipsum dolor sit amet, exerci fastidii detracto in mel, alterum probatus scripserit te quo. Falli labore et eum, cibo posse scripserit in qui. Ne vix enim platonem accusamus. Mei et sint everti, mea discere erroribus ei, eam an omnes postea repudiandae. Ei blandit vituperata quo, in pro justo suavitate. Te case cibo tritani per. Nec sumo consequat ei, amet animal vis te.

An placerat periculis mediocritatem has, ipsum officiis id sed. Ex nec error eripuit. Ut quo justo aeterno ceteros, eam ei etiam error. Ea has choro fabulas, quidam facete voluptaria te mel. Luptatum similique vituperatoribus mei ex. Nec cetero menandri abhorreant cu, ex aeterno debitis veritus eos.

Cum eu etiam possit utamur, dolorum corrumpit at his, duo tempor inermis elaboraret eu. Vel ad summo dicit liberavisse, ut esse homero has. Everti vidisse dolores eos in. Dolorum complectitur at mel. His corrumpit expetendis in, ut usu posse movet, praesent dignissim has no.