A NavigationMixint a Lightning/navigation programból kell importálni a „javascript” fájlba. Ebben a modulban a navigáció elérhető módszer. Ehhez a típus és az attribútumok szükségesek. A típus határozza meg annak az oldalnak a típusát, amelyen navigálunk, és az attribútumok a pageName-t veszik fel.
- A telepítőben keressen a „Lightning App Builder” elemre, és kattintson az „Új” gombra.
- Válassza ki az „Alkalmazásoldalt”, majd kattintson a „Tovább” gombra.
- Adja meg a „Navigációs szolgáltatások” címkét.
- Válassza az egy régiót, és kattintson a „Kész” gombra.
Az alkalmazás készen áll a használatra. Keresse meg az „Alkalmazásindító” alatt.
Az ebben az útmutatóban tárgyalt összes Navigációs szolgáltatás példához ugyanazt a „meta-xml” fájlt használjuk. Az összetevőket elhelyezheti a most létrehozott alkalmazásoldalon. Ezt a fájlt (meta-xml) nem adjuk meg újra a példakódrészletek alatt.
'1.0' ?>
Navigálás a Kezdőlapra
Ha a Salesforce standard kezdőlapjára szeretne navigálni, nézze meg a következő példát:
Navigation.html
Létrehozunk egy gombot. Ennek a „homeNavigation”-nak a kattintása a „js” fájlban lesz kezelve.
< div osztály = 'slds-var-m-around_medium' stílus = 'height:20px; width:400px' >
< b > A rendszer átirányítja a Kezdőlapra < / b >< br >< / div >
< / villámkártya>
< / sablon>
Navigation.js
A típus legyen „standard__namedPage”, a pageName pedig „home”. Ez a homeNavigation() kezelő metódusán belül van megadva.
import { Villámelem } tól től 'szerencse' ;
import { NavigationMixin } tól től 'villám/navigáció'
export alapértelmezett osztály Navigáció kiterjed NavigationMixin ( Villámelem ) {
// kezelő módszer
// A pageName kezdőlapnak kell lennie
// az oldal típusa standard__namedPage a kezdőlaphoz
kezdőlapNavigáció ( ) {
ez [ NavigationMixin. Hajózik ] ( {
típus : 'standard__namedPage' ,
attribútumokat : {
oldalnév : 'itthon'
}
} )
}
}
Kimenet:
Adja hozzá ezt az összetevőt az alkalmazásoldalhoz, és kattintson a „Go to Home page” gombra.
Most a Kezdőlapon vagy.
Navigálás a Chatterhez
A Salesforce Chatter segítségével megoszthatja a fájlokat, szöveges üzeneteket és naplóadatokat. A Navigációs szolgáltatás segítségével közvetlenül is navigálhat a Chatterhez.
Navigation.html
Létrehozunk egy gombot. Ennek a „chatterNavigation”-nak a kattintása a „js” fájlban lesz kezelve.
< div osztály = 'slds-var-m-around_medium' stílus = 'height:20px; width:400px' >
< b > Át lesz irányítva a Chatter oldalra < / b >< br >< / div >
< / villámkártya>
< / sablon>
Navigation.js
A típus legyen „standard__namedPage”, a pageName pedig „chatter”. Ez a chatterNavigation() kezelő metódusán belül van megadva. Illessze be a következő kódrészletet a „js” osztályba.
// kezelő módszer// Az oldalnév legyen chatter
// az oldal típusa standard__namedPage a chatterhez
chatterNavigáció ( ) {
ez [ NavigationMixin. Hajózik ] ( {
típus : 'standard__namedPage' ,
attribútumokat : {
oldalnév : 'csevegés'
}
} )
}
Kimenet:
Frissítsd az oldalt. Most már közzéteheti a frissítéseket és megoszthatja a fájlokat a Chatterben, ha oda navigál.
Navigálás az Új rekordhoz
Anélkül, hogy az adott objektum lapra lépne új rekord létrehozásához, közvetlenül létrehozhat új rekordot egy adott objektumhoz a Navigációs szolgáltatás segítségével. Ebben a forgatókönyvben meg kell adnunk az objectApiName és a actionName attribútumokat.
- Az objectApiName a Salesforce objektum API neve, például „Account”, „Contact”, „Case” stb.
- Új rekordot hozunk létre. Tehát az actionName-nek „new”-nak kell lennie.
Navigation.html
Hozzon létre egy esetrekordot. Létrehozunk egy gombot. A „newRecordNavigation” gombra kattintva a „js” fájl kezeli.
< div osztály = 'slds-var-m-around_medium' stílus = 'height:20px; width:400px' >
< b > Itt hozhat létre tokot... < / b >< br >< / div >
< / villámkártya>
< / sablon>
Navigation.js
A típus legyen „standard__objectPage”. Ez a newRecordNavigation() kezelő metódusban van megadva. Illessze be a következő kódrészletet a „js” osztályba.
// kezelő módszer// A kis- és nagybetű az objektumApiName, az actionName pedig az Új.
// az oldal típusa standard__objectPage
newRecordNavigation ( ) {
ez [ NavigationMixin. Hajózik ] ( {
típus : 'standard__objectPage' ,
attribútumokat : {
objectApiName : 'Ügy' ,
actionName : 'új'
}
} )
}
Kimenet:
Frissítsd az oldalt. Most már létrehozhat egy, az üggyel kapcsolatos rekordot.
Ha elmenti, a rögzítési oldalra lép.
Navigálás a felvételi oldalra
Az előző navigációhoz (3. példa) hasonlóan az adott rekordra lépve megtekinthetjük vagy szerkeszthetjük a részleteket. Egy további tulajdonság, amelyet át kell adnia az attribútumokban, a „recordId” (a meglévő rekord azonosítója). Az actionName ebben a forgatókönyvben „nézet” legyen.
Navigation.html
Lépjünk át az esetrekordhoz. Létrehozunk egy gombot. A „viewRecordNavigation” gombra kattintva a „js” fájl kezeli.
< div osztály = 'slds-var-m-around_medium' stílus = 'height:20px; width:400px' >
< b > Az ügy jegyzőkönyvét innen tekintheti meg... < / b >< br >< / div >
< / villámkártya>
< / sablon>
Navigation.js
A típus legyen „standard__recordPage”. Ez a viewRecordNavigation() kezelő metóduson belül van megadva. Illessze be a következő kódrészletet a „js” osztályba.
// kezelő módszer// A Case az objectApiName, az actionName pedig a nézet.
// az oldal típusa standard__recordPage
viewRecordNavigation ( ) {
ez [ NavigationMixin. Hajózik ] ( {
típus : 'standard__recordPage' ,
attribútumok : {
RecordId : '5002t00000PRrXkAAL' ,
objectApiName : 'Ügy' ,
actionName : 'Kilátás'
}
} )
}
Kimenet:
Az eset részleteit a navigáció után láthatja. Itt megtekintheti és szerkesztheti az eset részleteit.
Egyéb navigációk
Lépjünk a Lista nézethez és a fájlokhoz. A Lista nézethez szüksége lesz az objektumnévre és a szűrőnévre. Ezt az URL-ben találod. Ezt a példában részletezzük.
A fájlok a ContentDocument objektumban tárolódnak. Tehát a fájlok esetében az objectApiName értéke „ContentDocument”, az actionName pedig „home”.
Lista nézet:
Fájlok:
Navigation.html
< div osztály = 'slds-var-m-around_medium' stílus = 'height:20px; width:400px' >
< b > Léphet a Listanézetbe < / b >< br >< / div >
< div osztály = 'slds-var-m-around_medium' stílus = 'height:20px; width:400px' >
< b > A Fájlokhoz navigálhat < / b >< br >< / div >
< / villámkártya>
< / sablon>
Navigation.js
// Listanézet kezelőviewListNavigation ( ) {
ez [ NavigationMixin. Hajózik ] ( {
típus : 'standard__objectPage' ,
attribútumokat : {
objectApiName : 'Ügy' ,
actionName : 'lista' ,
állapot : {
filterName : '00B2t000002oWELEA2'
}
}
} )
}
// Fájlnézet kezelő
viewFileNavigation ( ) {
ez [ NavigationMixin. Hajózik ] ( {
típus : 'standard__objectPage' ,
attribútumok : {
objectApiName : 'ContentDocument' ,
actionName : 'itthon'
}
} )
}
Kimenet:
Megjelenik az esetlista nézet. Az általunk megadott szűrőNév „Minden lezárt eset”.
Az „Ugrás a Fájlokhoz” gombra kattintva megtekintheti fájljait erről az alkalmazásoldalról.
Következtetés
A Salesforce LWC biztosítja a közvetlen navigációt, amelyben egy adott oldalon maradva navigálhat. Ebben az útmutatóban megismerkedtünk a Lightning Web Component Navigation Service segítségével történő navigációval. Sok más navigáció is létezik, de megbeszéltük a fontos navigációt, amelyet minden LWC fejlesztőnek tudnia kell. Minden navigációban a NavigationMixint importálni kell a villámból/navigációból.