NavigationMixin se mora uvesti iz Lightning/navigation datoteke u 'javascript'. Navigacija je dostupna metoda u ovom modulu. Potrebni su tip i atributi. Tip specificira tip stranice kojom se krećemo, a atributi uzimaju pageName.
- U postavkama pretražite 'Lightning App Builder' i kliknite 'Novo'.
- Odaberite “App Page” i kliknite “Dalje”.
- Dajte oznaku kao 'Navigacijske usluge'.
- Idite s jednom regijom i kliknite na 'Gotovo'.
Vaša je aplikacija spremna za korištenje. Potražite ga pod 'Pokretač aplikacija'.
Za sve primjere navigacijskih usluga o kojima će se raspravljati u ovom vodiču koristimo istu 'meta-xml' datoteku. Komponente možete postaviti na svoju stranicu aplikacije koju ste sada izradili. Nećemo ponovno navesti ovu datoteku (meta-xml) ispod primjera isječaka koda.
'1,0' ?>
Navigacija do početne stranice
Ako se želite pomaknuti na Salesforce standardnu početnu stranicu, pogledajte sljedeći primjer:
Navigacija.html
Mi stvaramo gumb. Klik na ovu 'homeNavigation' bit će obrađen u 'js' datoteci.
< div razreda = 'slds-var-m-around_medium' stil = 'visina:20px; širina:400px' >
< b > Bit ćete preusmjereni na početnu stranicu < / b >< br >< / div >
< / karta munje>
< / predložak>
Navigacija.js
Tip bi trebao biti 'standard__namedPage', a pageName bi trebao biti 'home'. Ovo je navedeno unutar metode rukovatelja homeNavigation().
uvoz { LightningElement } iz 'sreća' ;
uvoz { NavigacijaMixin } iz 'munja/navigacija'
izvoz zadano razreda Navigacija proteže se NavigacijaMixin ( LightningElement ) {
// metoda rukovatelja
// pageName treba biti home
// vrsta stranice je standard__namedPage za početnu stranicu
početnaNavigacija ( ) {
ovaj [ NavigacijaMixin. Navigacija ] ( {
tip : 'standardna__namedPage' ,
atributi : {
naziv stranice : 'Dom'
}
} )
}
}
Izlaz:
Dodajte ovu komponentu na stranicu aplikacije i kliknite na gumb 'Idi na početnu stranicu'.
Sada ste na početnoj stranici.
Navigacija do Chattera
Možete dijeliti datoteke, tekstualne poruke i detalje dnevnika koristeći Salesforce Chatter. Moguće je navigirati do Chattera izravno pomoću Navigacijske usluge.
Navigacija.html
Mi stvaramo gumb. Klikom na ovaj 'chatterNavigation' upravljat će se u 'js' datoteci.
< div razreda = 'slds-var-m-around_medium' stil = 'visina:20px; širina:400px' >
< b > Bit ćete preusmjereni na Chatter < / b >< br >< / div >
< / karta munje>
< / predložak>
Navigacija.js
Tip bi trebao biti 'standard__namedPage', a naziv stranice trebao bi biti 'chatter'. Ovo je navedeno unutar metode rukovatelja chatterNavigation(). Zalijepite sljedeći isječak unutar klase 'js'.
// metoda rukovatelja// pageName treba biti brbljanje
// vrsta stranice je standard__namedPage za brbljanje
brbljanjeNavigacija ( ) {
ovaj [ NavigacijaMixin. Navigacija ] ( {
tip : 'standardna__namedPage' ,
atributi : {
naziv stranice : 'čavrljanje'
}
} )
}
Izlaz:
Osvježite stranicu. Sada možete objavljivati ažuriranja i dijeliti datoteke u Chatteru tako da ga otvorite.
Navigacija do novog zapisa
Bez odlaska na karticu određenog objekta za stvaranje novog zapisa, možete izravno stvoriti novi zapis za određeni objekt pomoću Navigacijske usluge. U ovom scenariju moramo navesti objectApiName i actionName kao atribute.
- objectApiName naziv je API-ja Salesforce objekta kao što je 'Račun', 'Kontakt', 'Slučaj' itd.
- Stvaramo novi zapis. Dakle, actionName treba biti 'novo'.
Navigacija.html
Kreirajmo zapis slučaja. Mi stvaramo gumb. Klik na ovaj 'newRecordNavigation' bit će obrađen u 'js' datoteci.
< div razreda = 'slds-var-m-around_medium' stil = 'visina:20px; širina:400px' >
< b > Odavde možete kreirati slučaj... < / b >< br >< / div >
< / karta munje>
< / predložak>
Navigacija.js
Tip bi trebao biti 'standard__objectPage'. Ovo je navedeno unutar metode rukovatelja newRecordNavigation(). Zalijepite sljedeći isječak unutar klase 'js'.
// metoda rukovatelja// Case je objectApiName, a actionName je New.
// tip stranice je standard__objectPage
newRecordNavigation ( ) {
ovaj [ NavigacijaMixin. Navigacija ] ( {
tip : 'standard__objectPage' ,
atributi : {
objectApiName : 'Slučaj' ,
naziv radnje : 'novi'
}
} )
}
Izlaz:
Osvježite stranicu. Sada možete kreirati zapis koji se odnosi na predmet.
Ako ga spremite, otvorit ćete njegovu stranicu zapisa.
Navigacija do stranice za snimanje
Slično prethodnoj navigaciji (primjer 3), možemo otići do određenog zapisa i pregledati ili urediti detalje. Još jedno svojstvo koje trebate proslijediti u atributima je “recordId” (Id postojećeg zapisa). ActionName bi trebao biti 'view' u ovom scenariju.
Navigacija.html
Idemo do zapisa slučaja. Mi stvaramo gumb. Klik na ovaj 'viewRecordNavigation' bit će obrađen u 'js' datoteci.
< div razreda = 'slds-var-m-around_medium' stil = 'visina:20px; širina:400px' >
< b > Zapis slučaja možete pogledati ovdje... < / b >< br >< / div >
< / karta munje>
< / predložak>
Navigacija.js
Tip bi trebao biti 'standard__recordPage'. Ovo je navedeno unutar metode rukovatelja viewRecordNavigation(). Zalijepite sljedeći isječak unutar klase 'js'.
// metoda rukovatelja// Case je objectApiName, a actionName je pogled.
// tip stranice je standard__recordPage
viewRecordNavigation ( ) {
ovaj [ NavigacijaMixin. Navigacija ] ( {
tip : 'standard__recordPage' ,
atributi : {
recordId : '5002t00000PRrXkAAL' ,
objectApiName : 'Slučaj' ,
naziv radnje : 'pogled'
}
} )
}
Izlaz:
Možete vidjeti detalje slučaja nakon navigacije. Ovdje možete pregledati i urediti detalje slučaja.
Ostale navigacije
Idemo do prikaza popisa i datoteka. Za prikaz popisa trebat će vam naziv objekta i filterName. To ćete pronaći u URL-u. To ćemo razraditi na primjeru.
Datoteke su pohranjene u objektu ContentDocument. Dakle, za datoteke, objectApiName bit će 'ContentDocument', a actionName je 'home'.
Prikaz popisa:
datoteke:
Navigacija.html
< div razreda = 'slds-var-m-around_medium' stil = 'visina:20px; širina:400px' >
< b > Možete prijeći na prikaz popisa < / b >< br >< / div >
< div razreda = 'slds-var-m-around_medium' stil = 'visina:20px; širina:400px' >
< b > Možete ići na Datoteke < / b >< br >< / div >
< / karta munje>
< / predložak>
Navigacija.js
// Rukovatelj popisaviewListNavigation ( ) {
ovaj [ NavigacijaMixin. Navigacija ] ( {
tip : 'standard__objectPage' ,
atributi : {
objectApiName : 'Slučaj' ,
naziv radnje : 'popis' ,
država : {
filterName : '00B2t000002oWELEA2'
}
}
} )
}
// Filesview rukovatelj
viewFileNavigation ( ) {
ovaj [ NavigacijaMixin. Navigacija ] ( {
tip : 'standard__objectPage' ,
atributi : {
objectApiName : 'Dokument sadržaja' ,
naziv radnje : 'Dom'
}
} )
}
Izlaz:
Doći ćete do prikaza popisa slučajeva. FilterName koji smo naveli je 'Svi zatvoreni slučajevi'.
Svoje datoteke možete vidjeti na ovoj stranici aplikacije klikom na gumb 'Idi na datoteke'.
Zaključak
Salesforce LWC pruža izravnu navigaciju kojom se možete kretati dok ostajete na određenoj stranici. U ovom smo vodiču naučili različitu navigaciju pomoću navigacijske usluge Lightning Web Component. Postoji mnogo drugih navigacija koje postoje, ali smo razgovarali o važnoj navigaciji koju svi LWC programeri moraju znati. U svim navigacijama, NavigationMixin se mora uvesti iz Lightning/navigacije.