NavigationMixin je treba uvoziti iz Lightning/Navigation v datoteki »javascript«. Navigacija je razpoložljiva metoda v tem modulu. Zahteva vrsto in atribute. Vrsta določa vrsto strani, po kateri krmarimo, atributi pa prevzamejo pageName.
- V nastavitvah poiščite »Lightning App Builder« in kliknite »Novo«.
- Izberite »Stran aplikacije« in kliknite »Naprej«.
- Označite kot »Navigacijske storitve«.
- Pojdite z eno regijo in kliknite »Končano«.
Vaša aplikacija je pripravljena za uporabo. Poiščite ga pod »Zaganjalnik aplikacij«.
Za vse primere navigacijskih storitev, o katerih bomo razpravljali v tem priročniku, uporabljamo isto datoteko »meta-xml«. Komponente lahko postavite na svojo stran aplikacije, ki ste jo ustvarili zdaj. Te datoteke (meta-xml) ne bomo ponovno navedli pod vzorčnimi delčki kode.
'1,0' ?>
Krmarjenje na domačo stran
Če se želite pomakniti na standardno domačo stran Salesforce, si oglejte naslednji primer:
Navigation.html
Ustvarimo gumb. Ob kliku te »homeNavigation« bo obdelan v datoteki »js«.
< div razred = 'slds-var-m-around_medium' stil = 'višina:20px; širina:400px' >
< b > Preusmerjeni boste na domačo stran < / b >< št >< / div >
< / strela-kartica>
< / predloga>
Navigation.js
Tip mora biti 'standard__namedPage' in pageName mora biti 'home'. To je določeno znotraj metode obravnave homeNavigation().
uvoz { LightningElement } od 'sreča' ;
uvoz { NavigationMixin } od 'strela/navigacija'
izvoz privzeto razred Navigacija se razteza NavigationMixin ( LightningElement ) {
// metoda obdelovalca
// pageName mora biti home
// vrsta strani je standardna__namedPage za domačo stran
homeNavigation ( ) {
to [ NavigationMixin. Navigacija ] ( {
vrsta : 'standard__namedPage' ,
lastnosti : {
pageName : 'domov'
}
} )
}
}
Izhod:
Dodajte to komponento na stran aplikacije in kliknite gumb »Pojdi na domačo stran«.
Zdaj ste na domači strani.
Navigacija do Chatterja
Datoteke, besedilna sporočila in podrobnosti dnevnika lahko delite s Salesforce Chatterjem. Do Chatterja je mogoče navigirati neposredno z uporabo navigacijske storitve.
Navigation.html
Ustvarimo gumb. Ob kliku te »chatterNavigation« bo obdelan v datoteki »js«.
< div razred = 'slds-var-m-around_medium' stil = 'višina:20px; širina:400px' >
< b > Preusmerjeni boste na Chatter < / b >< št >< / div >
< / strela-kartica>
< / predloga>
Navigation.js
Tip mora biti »standard__namedPage«, ime strani pa »chatter«. To je določeno v metodi upravljalnika chatterNavigation(). Prilepite naslednji delček znotraj razreda »js«.
// metoda obdelovalca// pageName mora biti klepet
// vrsta strani je standardna__namedPage za klepet
chatterNavigation ( ) {
to [ NavigationMixin. Navigacija ] ( {
vrsta : 'standard__namedPage' ,
lastnosti : {
pageName : 'klepet'
}
} )
}
Izhod:
Osvežite stran. Zdaj lahko objavite posodobitve in delite datoteke v Chatterju tako, da se pomaknete do njega.
Navigacija do novega zapisa
Ne da bi šli na zavihek določenega predmeta in ustvarili nov zapis, lahko neposredno ustvarite nov zapis za določen predmet z uporabo navigacijske storitve. V tem scenariju moramo podati objectApiName in actionName kot atributa.
- objectApiName je ime API-ja predmeta Salesforce, kot je »Račun«, »Stik«, »Primer« itd.
- Ustvarimo nov zapis. Torej mora biti actionName »novo«.
Navigation.html
Ustvarimo zapis primera. Ustvarimo gumb. Klik te »newRecordNavigation« bo obravnavan v datoteki »js«.
< div razred = 'slds-var-m-around_medium' stil = 'višina:20px; širina:400px' >
< b > Tu lahko ustvarite primer ... < / b >< št >< / div >
< / strela-kartica>
< / predloga>
Navigation.js
Tip mora biti »standard__objectPage«. To je določeno znotraj metode obdelovalnika newRecordNavigation(). Prilepite naslednji delček znotraj razreda »js«.
// metoda obdelovalca// Case je objectApiName in actionName je New.
// tip strani je standard__objectPage
newRecordNavigation ( ) {
to [ NavigationMixin. Navigacija ] ( {
vrsta : 'standard__objectPage' ,
lastnosti : {
objectApiName : 'Ovitek' ,
actionName : 'novo'
}
} )
}
Izhod:
Osvežite stran. Zdaj lahko ustvarite zapis, povezan z zadevo.
Če ga shranite, se boste pomaknili na njegovo stran za zapis.
Krmarjenje na stran za snemanje
Podobno kot pri prejšnji navigaciji (primer 3) lahko gremo na določen zapis in si ogledamo ali uredimo podrobnosti. Še ena lastnost, ki jo morate posredovati v atributih, je »recordId« (Id obstoječega zapisa). Ime dejanja bi moralo biti v tem scenariju »pogled«.
Navigation.html
Pomaknimo se do zapisa primera. Ustvarimo gumb. Klik tega »viewRecordNavigation« bo obravnavan v datoteki »js«.
< div razred = 'slds-var-m-around_medium' stil = 'višina:20px; širina:400px' >
< b > Zapis primera si lahko ogledate tukaj... < / b >< št >< / div >
< / strela-kartica>
< / predloga>
Navigation.js
Tip mora biti »standard__recordPage«. To je določeno znotraj metode obdelovalca viewRecordNavigation(). Prilepite naslednji delček znotraj razreda »js«.
// metoda obdelovalca// Case je objectApiName in actionName je pogled.
// tip strani je standard__recordPage
viewRecordNavigation ( ) {
to [ NavigationMixin. Navigacija ] ( {
vrsta : 'standard__recordPage' ,
lastnosti : {
recordId : '5002t00000PRrXkAAL' ,
objectApiName : 'Ovitek' ,
actionName : 'pogled'
}
} )
}
Izhod:
Podrobnosti primera si lahko ogledate po navigaciji. Tukaj si lahko ogledate in uredite podrobnosti primera.
Druge navigacije
Pomaknimo se do pogleda seznama in datotek. Za pogled seznama boste potrebovali ime predmeta in ime filtra. To boste našli v URL-ju. To bomo podrobneje opisali na primeru.
Datoteke so shranjene v objektu ContentDocument. Torej bo za datoteke objectApiName »ContentDocument«, actionName pa »home«.
Pogled seznama:
Datoteke:
Navigation.html
< div razred = 'slds-var-m-around_medium' stil = 'višina:20px; širina:400px' >
< b > Lahko se pomaknete do pogleda seznama < / b >< št >< / div >
< div razred = 'slds-var-m-around_medium' stil = 'višina:20px; širina:400px' >
< b > Lahko se pomaknete do Datoteke < / b >< št >< / div >
< / strela-kartica>
< / predloga>
Navigation.js
// Rukovalnik pogleda seznamaviewListNavigation ( ) {
to [ NavigationMixin. Navigacija ] ( {
vrsta : 'standard__objectPage' ,
lastnosti : {
objectApiName : 'Ovitek' ,
actionName : 'seznam' ,
država : {
filterName : '00B2t000002oWELEA2'
}
}
} )
}
// Upravljavec Filesview
viewFileNavigation ( ) {
to [ NavigationMixin. Navigacija ] ( {
vrsta : 'standard__objectPage' ,
lastnosti : {
objectApiName : 'ContentDocument' ,
actionName : 'domov'
}
} )
}
Izhod:
Pomaknili se boste na pogled seznama primerov. Ime filtra, ki smo ga podali, je »Vsi zaprti primeri«.
Datoteke si lahko ogledate na tej strani aplikacije s klikom na gumb »Pojdi na datoteke«.
Zaključek
Salesforce LWC ponuja neposredno navigacijo, po kateri lahko navigirate tako, da ostanete na določeni strani. V tem priročniku smo se naučili različne navigacije z uporabo navigacijske storitve spletne komponente Lightning. Obstaja veliko drugih navigacij, vendar smo razpravljali o pomembni navigaciji, ki jo morajo poznati vsi LWC razvijalci. V vseh navigacijah je treba NavigationMixin uvoziti iz strele/navigacije.