NavigationMixin tuleb importida Lightningist/navigatsioonist javascripti failis. Navigeerimine on selles moodulis saadaval olev meetod. See võtab tüübi ja atribuudid. Tüüp määrab navigeeritava lehe tüübi ja atribuudid võtavad lehe Nimi.
- Otsige häälestusmenüüst 'Lightning App Builder' ja klõpsake 'Uus'.
- Valige 'Rakenduste leht' ja klõpsake nuppu 'Järgmine'.
- Määrake silt 'Navigatsiooniteenused'.
- Valige üks piirkond ja klõpsake nuppu 'Valmis'.
Teie rakendus on kasutamiseks valmis. Otsige seda rakenduste käivitaja alt.
Kõigi selles juhendis käsitletavate navigeerimisteenuse näidete jaoks kasutame sama meta-xml-faili. Saate paigutada komponendid praegu loodud rakenduse lehele. Me ei täpsusta seda faili (meta-xml) uuesti näidiskoodilõikude all.
'1.0' ?>
Avalehele navigeerimine
Kui soovite navigeerida Salesforce'i standardsele avalehele, vaadake järgmist näidet.
Navigation.html
Loome nupu. Selle 'homeNavigation' klõpsamist käsitletakse failis 'js'.
< div klass = 'slds-var-m-around_medium' stiilis = 'kõrgus: 20 pikslit; laius: 400 pikslit' >
< b > Teid suunatakse avalehele < / b >< br >< / div >
< / välk-kaart>
< / mall>
Navigation.js
Tüüp peaks olema 'standard__namedPage' ja lehenimi peaks olema 'home'. See on määratud töötleja meetodi homeNavigation() sees.
importida { Välguelement } alates 'õnn' ;
importida { NavigationMixin } alates 'lightning/navigation'
eksportida vaikimisi klass Navigeerimine ulatub NavigationMixin ( Välguelement ) {
// käitleja meetod
// Leheküljenimi peaks olema kodus
// lehe tüüp on standard__namedPage kodu jaoks
koduNavigeerimine ( ) {
see [ NavigationMixin. Navigeerige ] ( {
tüüp : 'standard__namedPage' ,
atribuudid : {
lehenimi : 'Kodu'
}
} )
}
}
Väljund:
Lisage see komponent rakenduse lehele ja klõpsake nuppu 'Mine avalehele'.
Nüüd olete avalehel.
Jututoas navigeerimine
Saate Salesforce Chatteri abil faile, tekstsõnumeid ja logi üksikasju jagada. Navigeerimisteenuse abil on võimalik otse vestlusesse navigeerida.
Navigation.html
Loome nupu. Selle 'chatterNavigation' klõpsamist käsitletakse failis 'js'.
< div klass = 'slds-var-m-around_medium' stiilis = 'kõrgus: 20 pikslit; laius: 400 pikslit' >
< b > Teid suunatakse Chatterisse < / b >< br >< / div >
< / välk-kaart>
< / mall>
Navigation.js
Tüüp peaks olema 'standard__namedPage' ja lehenimi peaks olema 'chatter'. See on määratud töötleja meetodi chatterNavigation() sees. Kleepige järgmine koodilõik klassi „js” sisse.
// käitleja meetod// Leheküljenimi peaks olema jutuajamine
// lehe tüüp on vestluse jaoks standard__namedPage
chatterNavigeerimine ( ) {
see [ NavigationMixin. Navigeerige ] ( {
tüüp : 'standard__namedPage' ,
atribuudid : {
lehenimi : 'vestelda'
}
} )
}
Väljund:
Värskenda lehte. Nüüd saate Chatteris värskendusi postitada ja faile jagada, navigeerides selle juurde.
Navigeerimine jaotisesse Uus kirje
Ilma konkreetse objekti vahekaardile uue kirje loomiseks minemata, saate navigeerimisteenuse abil otse konkreetse objekti jaoks uue kirje luua. Selle stsenaariumi korral peame atribuutidena määrama objektiApiName ja actionName.
- ObjectApiName on Salesforce'i objekti API nimi, näiteks 'Account', 'Contact', 'Case' jne.
- Loome uue rekordi. Seega peaks actionName olema 'uus'.
Navigation.html
Loome juhtumikirje. Loome nupu. Selle 'newRecordNavigation' klõpsamist käsitletakse failis 'js'.
< div klass = 'slds-var-m-around_medium' stiilis = 'kõrgus: 20 pikslit; laius: 400 pikslit' >
< b > Case saate luua siit... < / b >< br >< / div >
< / välk-kaart>
< / mall>
Navigation.js
Tüüp peaks olema 'standard__objectPage'. See on määratud töötleja meetodi newRecordNavigation() sees. Kleepige järgmine koodilõik klassi „js” sisse.
// käitleja meetod// Case on objektApiName ja actionName on New.
// lehe tüüp on standard__objectPage
uusRecordNavigation ( ) {
see [ NavigationMixin. Navigeerige ] ( {
tüüp : 'standard__objectPage' ,
atribuudid : {
objectApiName : 'Juhtum' ,
actionName : 'uus'
}
} )
}
Väljund:
Värskenda lehte. Nüüd saate luua juhtumiga seotud kirje.
Kui salvestate selle, navigeerite selle salvestuslehele.
Salvestuslehele navigeerimine
Sarnaselt eelmisele navigeerimisele (näide 3) saame minna konkreetse kirje juurde ja vaadata või muuta üksikasju. Veel üks atribuut, mille peate atribuutides edastama, on 'recordId' (olemasoleva kirje ID). Selle stsenaariumi puhul peaks actionName olema „vaade”.
Navigation.html
Liigume juhtumi kirje juurde. Loome nupu. Selle „viewRecordNavigation” klõpsamist käsitletakse failis „js”.
< div klass = 'slds-var-m-around_medium' stiilis = 'kõrgus: 20 pikslit; laius: 400 pikslit' >
< b > Juhtumi protokolli saate vaadata siit... < / b >< br >< / div >
< / välk-kaart>
< / mall>
Navigation.js
Tüüp peaks olema 'standard__recordPage'. See on määratud töötleja meetodi viewRecordNavigation() sees. Kleepige järgmine koodilõik klassi „js” sisse.
// käitleja meetod// Case on objektApiName ja actionName on vaade.
// lehe tüüp on standard__recordPage
viewRecordNavigation ( ) {
see [ NavigationMixin. Navigeerige ] ( {
tüüp : 'standard__recordPage' ,
atribuudid : {
RecordId : '5002t00000PRrXkAAL' ,
objectApiName : 'Juhtum' ,
actionName : 'vaade'
}
} )
}
Väljund:
Juhtumi üksikasju näete pärast navigeerimist. Siin saate vaadata ja muuta juhtumi üksikasju.
Muud navigatsioonid
Liigume loendivaatesse ja failidesse. Loendivaate jaoks vajate objekti nime ja filtriNimi. Selle leiate URL-ist. Täpsustame seda näites.
Failid salvestatakse ContentDocument objekti. Seega on failide puhul objektiks ApiName 'ContentDocument' ja actionName'iks 'kodu'.
Loendivaade:
Failid:
Navigation.html
< div klass = 'slds-var-m-around_medium' stiilis = 'kõrgus: 20 pikslit; laius: 400 pikslit' >
< b > Saate navigeerida loendivaatesse < / b >< br >< / div >
< div klass = 'slds-var-m-around_medium' stiilis = 'kõrgus: 20 pikslit; laius: 400 pikslit' >
< b > Saate navigeerida jaotisesse Failid < / b >< br >< / div >
< / välk-kaart>
< / mall>
Navigation.js
// Loendivaate töötlejaviewListNavigation ( ) {
see [ NavigationMixin. Navigeerige ] ( {
tüüp : 'standard__objectPage' ,
atribuudid : {
objectApiName : 'Juhtum' ,
actionName : 'loend' ,
olek : {
filtri nimi : '00B2t000002oWELEA2'
}
}
} )
}
// Failivaate töötleja
viewFileNavigation ( ) {
see [ NavigationMixin. Navigeerige ] ( {
tüüp : 'standard__objectPage' ,
atribuudid : {
objectApiName : 'ContentDocument' ,
actionName : 'Kodu'
}
} )
}
Väljund:
Navigeerite juhtumiloendi vaatesse. Meie määratud filtri nimi on 'Kõik suletud juhtumid'.
Saate vaadata oma faile sellelt rakenduse lehelt, klõpsates nuppu 'Mine failidesse'.
Järeldus
Salesforce LWC pakub otsest navigeerimist, mille abil saate liikuda kindlal lehel viibides. Selles juhendis õppisime Lightning Web Component Navigation Service'i abil erinevaid navigeerimisvõimalusi. Olemas on palju muid navigeerimisvõimalusi, kuid me arutasime olulist navigeerimist, mida kõik LWC arendajad peavad teadma. Kõigis navigatsioonides tuleb NavigationMixin importida välgust/navigatsioonist.