NavigationMixin ir jāimportē no Lightning/navigācijas “javascript” failā. Navigācija ir pieejamā metode šajā modulī. Tas aizņem veidu un atribūti. Veids norāda tās lapas veidu, kurā mēs pārvietojamies, un atribūtiem ir lapas nosaukums.
- Iestatīšanas sadaļā meklējiet “Lightning App Builder” un noklikšķiniet uz “Jauns”.
- Izvēlieties 'Lietotnes lapa' un noklikšķiniet uz 'Tālāk'.
- Piešķiriet apzīmējumu “Navigācijas pakalpojumi”.
- Dodieties uz vienu reģionu un noklikšķiniet uz 'Gatavs'.
Jūsu lietotne ir gatava lietošanai. Meklējiet to sadaļā “Lietotņu palaidējs”.
Visiem navigācijas pakalpojuma piemēriem, kas tiks apspriesti šajā rokasgrāmatā, mēs izmantojam to pašu “meta-xml” failu. Varat ievietot komponentus savā lietotnes lapā, ko izveidojāt tagad. Mēs vairs nenorādīsim šo failu (meta-xml) zem koda fragmentu piemēra.
'1.0' ?>
Navigācija uz sākumlapu
Ja vēlaties pāriet uz Salesforce standarta sākumlapu, skatiet šo piemēru:
Navigation.html
Mēs izveidojam pogu. Noklikšķinot uz šīs “homeNavigation”, tas tiks apstrādāts failā “js”.
< div klasē = 'slds-var-m-around_medium' stils = 'augstums: 20 pikseļi; platums: 400 pikseļi' >
< b > Jūs tiksit novirzīts uz sākumlapu < / b >< br >< / div >
< / zibens karte>
< / veidne>
Navigācija.js
Veidam ir jābūt “standarta__nosaukumsPage”, bet lapas nosaukumam jābūt “home”. Tas ir norādīts homeNavigation() apstrādātāja metodē.
imports { ZibensElements } no 'veiksme' ;
imports { NavigationMixin } no 'zibens/navigācija'
eksportēt noklusējuma klasē Navigācija pagarina NavigationMixin ( ZibensElements ) {
// apdarinātāja metode
// Lapas nosaukumam jābūt sākumam
// lapas tips ir standarta__namedPage mājas lapai
mājas Navigācija ( ) {
šis [ NavigationMixin. Naviģēt ] ( {
veids : 'standarta__nosaukuma lapa' ,
atribūti : {
lapas nosaukums : 'mājas'
}
} )
}
}
Izvade:
Pievienojiet šo komponentu lietotnes lapai un noklikšķiniet uz pogas “Doties uz sākumlapu”.
Tagad jūs esat sākumlapā.
Navigācija uz Chatter
Varat koplietot failus, īsziņas un žurnāla informāciju, izmantojot Salesforce Chatter. Izmantojot navigācijas pakalpojumu, var tieši doties uz Chatter.
Navigation.html
Mēs izveidojam pogu. Klikšķis uz šīs “chatterNavigation” tiks apstrādāts failā “js”.
< div klasē = 'slds-var-m-around_medium' stils = 'augstums: 20 pikseļi; platums: 400 pikseļi' >
< b > Jūs tiksit novirzīts uz Chatter < / b >< br >< / div >
< / zibens karte>
< / veidne>
Navigācija.js
Veidam ir jābūt “standarta__nosaukumsPage”, bet lapas nosaukumam jābūt “čatter”. Tas ir norādīts chatterNavigation() apstrādātāja metodē. Ielīmējiet šo fragmentu klasē “js”.
// apdarinātāja metode// Lapas nosaukumam jābūt pļāpātam
// lapas tips ir standarta__namedPage pļāpāšanai
pļāpāšanaNavigācija ( ) {
šis [ NavigationMixin. Naviģēt ] ( {
veids : 'standarta__nosaukuma lapa' ,
atribūti : {
lapas nosaukums : 'pļāpāt'
}
} )
}
Izvade:
Atsvaidziniet lapu. Tagad varat publicēt atjauninājumus un kopīgot failus pakalpojumā Chatter, pārejot uz to.
Pārvietošanās uz Jauns ieraksts
Neejot uz konkrētā objekta cilni, lai izveidotu jaunu ierakstu, varat tieši izveidot jaunu ierakstu konkrētam objektam, izmantojot navigācijas pakalpojumu. Šajā scenārijā mums kā atribūti jānorāda objectApiName un actionName.
- ObjectApiName ir Salesforce objekta API nosaukums, piemēram, “Account”, “Contact”, “Case” utt.
- Veidojam jaunu ierakstu. Tātad darbības nosaukumam jābūt “jaunam”.
Navigation.html
Izveidosim lietas ierakstu. Mēs izveidojam pogu. Noklikšķinot uz šīs “newRecordNavigation”, tas tiks apstrādāts failā “js”.
< div klasē = 'slds-var-m-around_medium' stils = 'augstums: 20 pikseļi; platums: 400 pikseļi' >
< b > Šeit varat izveidot lietu... < / b >< br >< / div >
< / zibens karte>
< / veidne>
Navigācija.js
Veidam jābūt “standarta__objectPage”. Tas ir norādīts apdarinātāja metodē newRecordNavigation(). Ielīmējiet šo fragmentu klasē “js”.
// apdarinātāja metode// Case ir objectApiName un actionName ir New.
// lapas veids ir standarta__objectPage
newRecordNavigation ( ) {
šis [ NavigationMixin. Naviģēt ] ( {
veids : 'standarta__objekta lapa' ,
atribūti : {
objectApiName : 'lieta' ,
actionName : 'jauns'
}
} )
}
Izvade:
Atsvaidziniet lapu. Tagad varat izveidot ar Lietu saistītu ierakstu.
Ja to saglabāsit, tiks atvērta tā ierakstīšanas lapa.
Pārvietošanās uz ierakstu lapu
Līdzīgi kā iepriekšējā navigācijā (3. piemērs), mēs varam pāriet uz konkrēto ierakstu un skatīt vai rediģēt informāciju. Vēl viens rekvizīts, kas jums jānodod atribūtos, ir “recordId” (esošā ieraksta ID). Šajā scenārijā darbības nosaukumam ir jābūt “skatījums”.
Navigation.html
Dosimies uz lietas ierakstu. Mēs izveidojam pogu. Noklikšķinot uz šī “viewRecordNavigation”, tas tiks apstrādāts failā “js”.
< div klasē = 'slds-var-m-around_medium' stils = 'augstums: 20 pikseļi; platums: 400 pikseļi' >
< b > Lietas ierakstu varat apskatīt šeit... < / b >< br >< / div >
< / zibens karte>
< / veidne>
Navigācija.js
Veidam jābūt “standarta__recordPage”. Tas ir norādīts viewRecordNavigation() apstrādātāja metodē. Ielīmējiet šo fragmentu klasē “js”.
// apdarinātāja metode// Case ir objektsApiName un actionName ir skats.
// lapas veids ir standarta__recordPage
viewRecordNavigation ( ) {
šis [ NavigationMixin. Naviģēt ] ( {
veids : 'standarta__ierakstu lapa' ,
atribūti : {
ieraksta ID : '5002t00000PRrXkAAL' ,
objectApiName : 'lieta' ,
actionName : 'skatījums'
}
} )
}
Izvade:
Lietas detaļas var redzēt pēc navigācijas. Šeit varat skatīt un rediģēt lietas informāciju.
Citas navigācijas
Dosimies uz saraksta skatu un failiem. Saraksta skatam būs nepieciešams objekta nosaukums un filtra nosaukums. To atradīsit URL. Mēs to precizēsim piemērā.
Faili tiek glabāti objektā ContentDocument. Tātad failiem objektsApiName būs “ContentDocument” un actionName būs “mājas”.
Saraksta skats:
Faili:
Navigation.html
< div klasē = 'slds-var-m-around_medium' stils = 'augstums: 20 pikseļi; platums: 400 pikseļi' >
< b > Varat pāriet uz saraksta skatu < / b >< br >< / div >
< div klasē = 'slds-var-m-around_medium' stils = 'augstums: 20 pikseļi; platums: 400 pikseļi' >
< b > Varat pāriet uz sadaļu Faili < / b >< br >< / div >
< / zibens karte>
< / veidne>
Navigācija.js
// Saraksta skata apstrādātājsViewListNavigation ( ) {
šis [ NavigationMixin. Naviģēt ] ( {
veids : 'standarta__objekta lapa' ,
atribūti : {
objectApiName : 'lieta' ,
actionName : 'saraksts' ,
Valsts : {
filtra nosaukums : '00B2t000002oWELEA2'
}
}
} )
}
// Failu skatījuma apstrādātājs
viewFileNavigation ( ) {
šis [ NavigationMixin. Naviģēt ] ( {
veids : 'standarta__objekta lapa' ,
atribūti : {
objectApiName : 'ContentDocument' ,
actionName : 'mājas'
}
} )
}
Izvade:
Jūs pāriesit uz savu lietu saraksta skatu. Norādītais filtra nosaukums ir “Visi slēgtie gadījumi”.
Varat skatīt savus failus no šīs lietotnes lapas, noklikšķinot uz pogas “Doties uz failiem”.
Secinājums
Salesforce LWC nodrošina tiešu navigāciju, kurā varat pārvietoties, paliekot noteiktā lapā. Šajā rokasgrāmatā mēs uzzinājām dažādas navigācijas iespējas, izmantojot Lightning Web komponentu navigācijas pakalpojumu. Ir daudz citu navigāciju, taču mēs apspriedām svarīgo navigāciju, kas jāzina visiem LWC izstrādātājiem. Visās navigācijās NavigationMixin ir jāimportē no zibens/navigācijas.