Modx filtri.

topshirish

Golovna Inqilobdagi filtrlar ma'lumotlarni taqdim etish yo'lida keruvati imkonini beradi. Ular shablonlarning o'rtasida joylashgan qiymatlarni o'zgartirishga imkon beradi.

[ ]

Inqilobda chiqish filtri PHx bosishlariga o'xshash bir qator chiqish modifikatorlaridan bir yoki bir necha marta o'rnatiladi.

[ ]

MODX evolyutsiyasi

[ ]

- Ayb uchun, badbo'y hidi o'z ichiga singdirilgan.

Sintaksis quyidagicha ko'rinadi:

[ [+numbooks:lt=`5`:then=`5 tadan kam kitob bor`:else=`5 dan ortiq kitoblar bor`] ]

[[+showThis:tag]]

Qiymatlar dinamik ravishda o'zgarishi mumkinligi sababli, iz keshda saqlanmaydi.

Masalan:

[ [+placeholder:default=`Standart qiymat!`] ]

Bu shuni anglatadiki, ba'zi tugunlarning qiymati bo'sh bo'lishi mumkin, ba'zilari esa bo'lmasligi mumkin.

Keshingizdan nimani saqlashingiz kerak?

Bu o'chirilishi mumkin, shuning uchun ma'no paydo bo'lishi mumkin.

Agar snayp yozilganda natija qanday bo'lishini bilmasangiz, talqin qilish uchun qiymatlarni ishlab chiqish mantiqan to'g'ri keladi:[ [!getResources:default=`Kechirasiz, qidiruvingiz ishlamayapti.`? &tplFirst=`blogTpl` &parents=`2,3,4,8` &tvFilters=`blog_tags==%%` &includeTVs=`1`] ] Phx filtrlari va ularning MODX Revo modifikatorlari haqidagi bugungi qiziqarli maqola, ularning yordamida siz to'g'ridan-to'g'ri shablonlarning o'rtasida turli teglarning qiymatlarini o'zgartirishingiz mumkin. Sizga hid kerakmi?

phx modifikatorlari 1 Modx sotuvchilari uchun hayotni osonlashtiring.
Bizda karusel tasvirli (yoki bannerli) veb-sayt mavjud bo'lishi mumkin, bu talab qilinadi faqat yoqilgan
bosh sahifa . Buning uchun uni bir xil bo'lakka joylashtirish va ushbu qo'shimcha qurilish uchun shablonga kiritish kifoya.

De:

- bosh sahifa identifikatori,

$karusel- Karusel (banner) kodi bilan parcha.

Faqat choynaklar qaynayapti

yangi shablon karusel kodining qatorlar soniga.? va agar u bitta narsa bo'lsa, uning o'rniga ko'rsatiladi;
Bizda karusel tasvirli (yoki bannerli) veb-sayt mavjud bo'lishi mumkin, bu talab qilinadi keyin

- Karusel bo'lagini kiriting. *id ni almashtiring, siz boshqa maydonlarni o'zgartirishingiz mumkin, masalan *shablon - aniq shablonni ko'rsatish. Yoki siz televizor maydonining mazmunini tekshirishingiz mumkin (agar * kalit so'zlar mavjud bo'lsa) va agar u to'liq bo'lsa, uni ko'rsating.

Daniya Vipadok batafsil ma'lumot.
Standart tartibni hisobga olgan holda:

kalit, kalit, kalit `]]

Bu qatorga kirmang, chunki TV kalit so'zlari saqlanmaydi.

Qaror. [[*kalit so'zlar:!empty=`*kalit so'zlar Navantazhennya Modifikatorlarni o'zgartirishga ehtiyot bo'lishingiz kerak, o'ylamasdan to'g'risini tanlaysiz.

Keling, karuselga qaytaylik,

bu kirish Bizda karusel tasvirli (yoki bannerli) veb-sayt mavjud bo'lishi mumkin, bu talab qilinadi U chapdan o'ngga hisoblab chiqiladi va MODH ongning to'g'ri yoki aniq sahifada ko'rsatilganidan qat'i nazar, ongning barcha ma'lumotlarini ko'rsatadi.

[[$karusel]]

, kimdir favqulodda vaziyatga tushib qolsa, buning uchun pul to'lash o'rniga.

Shu munosabat bilan, yozuvni qayta yozish yaxshiroqdir:

[[$caru[[*id:is=`1`:then=`sel`]]]] Navantazhennya Bo'lak o'rniga tomchi nima? , aql tugashi bilanoq, bir vaqtning o'zida to'planadi*id:is=`1` chunki rozilik bildiradi

[[*id:is=`1`:then=`sel`]]

va agar oqim sahifasining identifikatori 1 dan yuqori bo'lsa, u qayta ishlangan holda qoladi

Agar id 1 ga teng bo'lmasa, u holda - [[$caru]].

Va yakshcho chunka $caru- elementlarda mavjud emas, keyin hech qanday urg'u bo'lmaydi. Va keyin mukammal asar shunday ko'rinadi.[[$[[*id:is=`1`:then=`karusel`]]]]

Tartibni qanday qilib to'g'ri integratsiya qilish haqida

modx revo

Bu yerda o‘qishni tavsiya etaman.

Eslatma! Veb-sayt komponentlari mantig'iga mos kelish uchun iloji boricha ko'proq modifikatorlarni birlashtira olasiz, lekin ularning asosiy mohiyatini yodda tuting. rozrobkada xotirjam bo'ling, va nima uchun murakkab narsalarni birlashtirmaysiz.

Mijozning ichki kaliti: [[!+modx.user.id:userinfo=`internalKey`]] Kirish: [[!+modx.user.id:userinfo=`username`]] Tashqi nomi: [[!+modx .user .id:userinfo=`toʻliq nom`]] Rol: [[!+modx.user.id:userinfo=`role`]] E-mail: [[!+modx.user.id:userinfo=`email` ]] Telefon: [[!+modx.user.id:userinfo=`phone`]] Mobil telefon: [[!+modx.user.id:userinfo=`mobilephone`]] Faks: [[!+modx.user .id :userinfo=`faks`]] Xalqlar kuni: [[!+modx.user.id:userinfo=`dob`:date=`%Y-%m-%d`]] Boʻling: [[!+modx .user .id:userinfo=`gender`]] Davlat: [[!+modx.user.id:userinfo=`country`]] Shtat: [[!+modx.user.id:userinfo=`state`]] Pochta indeksi: [[!+modx.user.id:userinfo=`zip`]] Rasm: [[!+modx.user.id:userinfo=`photo`]] Sharh: [[!+modx.user.id :userinfo =`comment`]] Oxirgi kirish sanasi: [[!+modx.user.id:userinfo=`lastlogin`:date=`%Y-%m-%d`]] Kirishlar soni: [[!+ modx .user .id:userinfo=`logincount`]]

Biz alohida hurmat bilan do'l belgisiga bo'ysunamiz [[ ! +modx.user.id]]. Vín ruxsat beradi Keshuvati EMAS

olib tashlash o'rniga.

Nega naqd pul ishlamaslik kerak? Ko'rinishidan, bu shunday: saytda 5 ta koristuvach mavjud. Birinchi koristuvach blog tomoniga keldi: ! Iltimos, [[!+modx.user.id:userinfo=`username`]]!

G'oya ushbu sahifada ishlab chiquvchi haqida batafsil ma'lumot bilan joylashtiriladi. Shunday qilib, agar natija keshlangan bo'lsa, unda siz ushbu sahifaga birinchi marta kirganingizda, siz ushbu sahifaga kirgan shaxsning ismidan saqlanib qolasiz - va qaror uning nomi bilan emas, balki foydalanuvchi nomi bilan ko'rsatiladi. bu sahifaga birinchi kirgan kishi. Nega men bu tegni keshlamayman, iltimos, yordam so'rang do'l belgisi Wiklikdan oldin [[ ! +modx…

PS: Unutmang yoqish; ishga tushirish kerak bo'lganda kesh teglari!

Siz pul ishlashingiz kerak bo'lgan narsa kerak

GAPIRISH

do'l belgilari shaklida (

). Aksariyat parchalarning natijalari butunlay keshdan qayta ishlanishi mumkin. Kelgusi darsda buni aniqlaymiz. Men uchayapman, do'stlar! Bugun biz resurs filtrini yaratishni o'rganamiz

Paketlarni o'rnatgandan so'ng, keling, loyihangizdan yuklab olgan parchani qo'shamiz.

Agar siz katalogni noldan ajratayotgan bo'lsangiz, Ajax filtrlash uchun qo'shiq sinflari tanlovini yaratishingiz kerak bo'ladi.

Sinf nomlash sxemasi: Biroq, agar sizda allaqachon tayyor katalog mavjud bo'lsa, siz JS fayllarida Ajax filtr elementlarining sinflarini belgilashingiz mumkin (quyida bo'lim). Bu hurmatni qaytaring .ajax-element O'rta asossiz bo'lishi mumkin .ajax-konteyner. Agar siz ustunlarni joylashtirish uchun Bootstrap panjarasidan foydalansangiz, konteyner sinfini o'rnatishingiz mumkin.

"ajax-konteyner qatori"

, va element ustunlari

$(function() ( //MODx pdoResources Ajax filtri //Filtr sozlamalari var fadeSpeed ​​= 200, // Animatsiya tezligini pasaytirish ajaxCountSelector = ".ajax-count", // Elementlarning CSS selektori ajaxContainerSelector = ". ajax-container" , // Ajax konteynerining CSS selektori ajaxItemSelector = ".ajax-item", // Ajax elementining CSS selektori ajaxFormSelector = ".ajax-form", // CSS selektori Ajax filtri shakli ajaxFormButtonStart = ".ajax- start", // Tugmachaning CSS tanlagichi Filtrlashni boshlash ajaxFormButtonReset = ".ajax-reset", // CSS tugmachasini qayta o'rnatish Ajax formasi sortDownText = "Kuzilish uchun", sortUpText = "O'sish uchun"; funksiya ajaxCount() () ( if( $(".ajax-filtr-hisoblash").uzunlik) ( var count = $(".ajax-filtr-count").data("hisoblash"); $(ajaxCountSelector).text(count); ) else ( $(ajaxCountSelector).text($(ajaxItemSelector).length); javob = $(javob);$(ajaxCont ainerSelector).fadeOut(fadeSpeed); setTimeout(function() ( $(ajaxContainerSelector). html($response). .find(ajaxContainerSelector).html()).fadeIn(fadeSpeed); ajaxCount(); ), fadeSpeed);

• )))) $(ajaxContainerSelector).on("klik", ".ajax-more", funksiya(e) ( e.preventDefault(); var ofset = $(ajaxItemSelector).length; $.ajax((ma'lumotlar: $(ajaxFormSelector) ) ).serialize()+"&offset="+offset )).done(funksiya(javob) ( $(".ajax-more").remove(); var $response = $(response); $response.find ( $(ajaxContainerSelector).append($response.find(ajaxContainerSelector).html()); $(ajaxItemSelector).fadeIn(); )) $(ajaxFormButtonStart).click(function( e) ( e.preventDefault (); ajaxMainFunction( )) $(ajaxFormButtonReset).click(funksiya(e) ( e.preventDefault(); $(ajaxFormSelector).trigger("reset"); $("input" ).val("pagetitle"); $("input").val("asc") setTimeout(function() ( $()).data("sort-dir", "asc").toggleClass("button-sort-asc").text (sortUpText ), fadeSpeed), ajaxMainFunction( )) $("").data("sort-dir", "asc").click(function() ( var ths = $(bu) ) ); $("input").val($(bu).data("sort-by")); $("kirish").val($(bu).ma'lumotlar("sort-dir")) ; setTimeout(function() ( $("").not(bu).toggleClass("button-sort-asc").text(sortUpText); ths.data("sort-dir") == "asc" ? ths .data("sort-dir", "desc").text(sortDownText) : ths.data("sort-dir", "asc").text(sortUpText); $(this).toggleClass("button-sort -asc"); ), fadeSpeed); ajaxMainFunction();)))
• ))) natijalarni filtrlash uchun resurs davolovchi skript;
• 24-35 qatorlar: Ajax filtrlashning asosiy funktsiyasi;
• 37-49 qatorlar:"Ko'proq kiriting" tugmasini bosish uchun javob namunasi;
• 51-54 qatorlar:“Filtr” tugmasini bosish uchun namuna oluvchi.
• Ushbu tugmani har kuni qoldirish mumkin, aks holda filtrlash avtomatik ravishda amalga oshiriladi. Avtomatik filtrlash 68-70 qatorlarni tanlash bilan ta'sir qilishi mumkin;
• 56-66 qatorlar: Shaklni qanday tozalash va filtrni olib tashlashni bilib oling.
• Saralash parametrlarini tushirish uchun 59-63 qatorlar hisobga olinadi; 68-70 qatorlar:

filtr shakli maydonlarini o'zgartirish uchun avtomatik saralash funktsiyasi; 72-82 qatorlar: Televizor parametri bo'yicha saralash uchun universal funksiya.

Men pul ishlashga harakat qildim

Daniya yozuvi iloji boricha universal, chunki siz standart Ajax filtri elementi selektorlaridan foydalanasiz, hech narsani tahrirlashingiz shart emas. MODx inqilobida PHP ulanishlari parchasi

toJSON(massiv ($filtr)); ) else ( $where = ""; ) $params_count = massiv("ota-ona" => $ota-ona, "chegara" => 0, "tpl" => "@INLINE ,", "select" => "id", "includeTVs" => $fields, "showHidden" => "1", "qaerda" => $qaerda);і $count = $modx->runSnippet("pdoResources", $params_count);$hisob = hisoblash(portlash(",",$hisob))-1;

$modx->setPlaceholder("count",$count);

$params = array("parents" => $parents, "limit" => $limit, "offset" => $offset, "tpl" => $tpl, "select" => "id,pagetitle,introtext,content ", "includeTVs" => $fields, "showHidden" => "1", "sortby" => $sortby, "sortdir" => $sortdir, "where" => $where); Birinchi==1||Boshqa==2||Uchinchi==3

Old panelda radio tugmachalarini ko'rsatishga misol:

Bu yerda ishga olish nomi = "qavat" Bu bizning parchamizning 6-8 qatorlariga to'g'ri keladi iloji boricha universal, chunki siz standart Ajax filtri elementi selektorlaridan foydalanasiz, hech narsani tahrirlashingiz shart emas..

Boshqa shakl maydonlarini qayta ishlash xuddi shunday tarzda amalga oshiriladi.

O'ylaymanki, bu aniq bo'ldi va nam maydonlarni yaratish siz uchun muammo bo'lmaydi.

• Parcha katalog shablonida quyidagicha ko'rinadi:[[!katalogFilter?
• &tpl=`tplCatItem` &limit=`3` &parents=`5` &fields=`rasm,maydon,qavat,garaj,narx`]] tpl=`tplCatItem`
• - katalog ro'yxatidagi parcha elementi; limit=`3`
• - “Ko‘proq kiritish” tugmasini bosganingizda qancha yozuvni ko‘rsatish va qancha yozuvni ajratib ko‘rsatish kerak; ota-onalar = `5`

- resurs katalogi uchun hujjat identifikatorini ko'rsating; maydonlar=`tasvir, maydon, qavat, garaj, narx`

- tplCatItem bo'limida ko'rsatilishi kerak bo'lgan va filtrlash paytida qayta ishlanishi kerak bo'lgan ortiqcha kuchlanishli televizorlar.

[[+pagetitle]] `]]

Bo'lak dumba	tplCatItem
Yuqorida	[[+tv.floor]]
[[+tv.area:isnot=``:then=`	Kvadrat
[[+tv.area]] kv.m.	Garaj

[[+tv.garage:is=`1`:then=`E`:else=`Ni`]] Narxi:.

[[+tv.price]]

Fayldagi GitHub-dagi loyiha omborida front-end ishlab chiqishning murakkab misolini ko'rishingiz mumkin.

Bizning skriptimizda filtrlash natijalarini istalgan televizor maydoni bo'yicha saralash uchun tayyor yechim mavjud.

Filtr formasiga quyidagi maydonlarni kiriting va ularning qiymatlarini o'zgartirmang, ular shunchaki filtr formasiga bog'liq:

sahifa sarlavhasi asc HTML shabloningizda yangi tugma yarating va ma'lumotlar atributida ko'rinishni filtrlamoqchi bo'lgan maydonni belgilang: Narx bo'yicha saralash: Hajmi bo'yicha Bosganingizda sinf yopishib qoladi

tugma-sort-asc Aksariyat parchalarning natijalari butunlay keshdan qayta ishlanishi mumkin..

, to'g'ridan-to'g'ri saralashni o'zgartirganda, o'q yoki atributni qo'shganda tugmani bezash uchun foydalanishingiz mumkin ma'lumotlarni saralash Siz filtrlash bilan bir xil taqdirga ega bo'lgan har qanday televizorni yozishingiz mumkin. Hammasi tartibga solingan. Xo'sh, biz SNIPET-da ko'rsatilgan natijalar bilan MODX-da noqulay Ajax resurs filtrini yaratishni ko'rib chiqdik.

Hammaga salomatlik.

Ushbu maqola sizga Modx Revolution tomonidan boshqariladigan veb-saytda televizor parametrlari asosida hujjat filtrini qanday yaratishni ko'rsatib beradi. Biz vikorist va parcha qilamiz

tagManager2 ko'rish Andchir ma'lumotlarni saralash

. Ushbu parcha to'g'ridan-to'g'ri telekanaldan, shuningdek raqamli ma'lumotlardan (narxlar shaklida) va ko'plik ro'yxatidan ishlov berilishi mumkin. Biz bu dumbaning terisini ajratamiz. 1. Boshlash uchun tagManager2 ni o'rnatishingiz kerak shunday ko'rinishi mumkin (nutqdan oldin translit parcha, taxalluslarning lotin tiliga transliteratsiyasini bildiradi)

Biz paketlarni o'rnatamiz va o'tamiz "Tizimni sozlash"

2. Moslashuvchan parcha tagManager2

Tizim sozlamalari uchun tag_manager2 bo'limini tanlang

Filtrni sozlash uchun bizda juda ko'p parametrlar mavjud

U erda hamma narsa sodda va tushunarli, ammo baribir:

• U "Yuqori darajadagi katalogning resurs identifikatori" Katalog shabloniga identifikatorni ko'rsating va toifalar, mahsulotlar va sahifalar filtrlanadi
• U "Ko'paytirish ro'yxati uchun qo'shimcha dispenser"# belgisini qo'ying.
• U Quyida sizga nima kerakligini bilib olasiz"Televizor nomlari yoki bir nechta ro'yxatdagi maydonlar"
• televizorni bir nechta ro'yxatda ro'yxatdan o'tkazing. Quyida ularni qanday yaratishni sizga ko'rsataman
• U "TV nomlari yoki raqamli qiymatli maydonlar"- bu erda siz televizor parametrlarini kiritishingiz kerak, bu erda raqamlar bo'ladi.
• U Qo'ng'iroq qiling, bu narx parametri. Ushbu filtr "dan vagacha" satrida paydo bo'ladi. "Mahsulot shablonlari identifikatorlari"і Qo'shilgan televizor parametrlari ko'rsatilishidan oldin filtrlanishi kerak bo'lgan sahifalar identifikatorini kiriting
• "Menda filtrlash uchun ishlatiladigan parametrlar to'plami bor" ro'yxatdan o'ting catalog_filters Biz ushbu shablonni parametr shablonlarida ishlatamiz getPage "Mahsulot shablonlari identifikatorlari".

getProducts

Roʻyxatdan oʻtish

"Parametrlar to'plami bilan trikotaj parchasi" sahifalar yoki mahsulotlarda ko'rsatiladigan va sahifalangan snaypning nomi. Zazvichay tse 3. getPage da catalog_filters parametrlari to‘plamini yarating Snipe getPage da demo

Keling, tabga o'tamiz

"Parametr"

keyin tugmani bosing

"Parametrlar to'plamini qo'shish"

.

Siz, albatta, asl nusxasini tahrirlashingiz mumkin, aks holda parametrlarni qayta yozish imkoniyati mavjud, bu darhol yangilangan getPage bilan amalga oshirilishi mumkin.

Agar sevib qolishni istamasangiz, shunchaki tahrir qilishingiz mumkin.

Asosiy parametrlarni tahrirlash va qiymatlarni belgilash mumkin:

Yangi parametrlar yaratiladi va qiymatlar tayinlanadi

Tahrirlangan parametrlar yashil rangda, yaratilganlari esa binafsha rangda ko'rsatiladi.

4. Filtr uchun televizor parametrlarini yarating yoki tahrirlang

Men dumba uchun 3 ta televizor parametrlarini yaratdim

Alohida hurmat bilan shuni ta'kidlashni istardimki, televizor parametrining nomini (sarlavhasini) ko'rsatish kerak, aks holda u filtrni boshqarish modulida ko'rinmasligi mumkin. /assets/components/tag_manager2/js/web/filters.js va almashtirish

Ko'p teglar: ["teglar"], //Ismlarni qo'shish.

bir nechta qiymatli maydonlar

Biz kodni almashtiruvchi qiymatlarimizdan kiritamiz

Ko'p teglar: ["filtr1", "filtr2"], / /Addon nomlari.

bir nechta qiymatli maydonlar

Bu erda hamma narsa juda oddiy va tushunarli.

Filtrning o'zi

[[+filtrlar]]

Filtrni olib tashlang

sana bo'yicha

o'sish ortida pasaytirish.

cho'kish orqali 9. Filtr yoqilgan

Endi biz filtrimizni faollashtirishimiz kerak. Kim uchun ketyapmiz Dastur/Keruvannya filtrlari