Create JSF Page

7 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$69.99
List Price:  $99.99
You save:  $30
€65.39
List Price:  €93.41
You save:  €28.02
£55.92
List Price:  £79.90
You save:  £23.97
CA$96.01
List Price:  CA$137.16
You save:  CA$41.15
A$107.15
List Price:  A$153.08
You save:  A$45.93
S$95.13
List Price:  S$135.90
You save:  S$40.77
HK$547.14
List Price:  HK$781.66
You save:  HK$234.52
CHF 63.86
List Price:  CHF 91.23
You save:  CHF 27.37
NOK kr775.40
List Price:  NOK kr1,107.76
You save:  NOK kr332.36
DKK kr487.78
List Price:  DKK kr696.86
You save:  DKK kr209.07
NZ$118.01
List Price:  NZ$168.60
You save:  NZ$50.58
د.إ257.06
List Price:  د.إ367.24
You save:  د.إ110.18
৳7,680.49
List Price:  ৳10,972.60
You save:  ৳3,292.11
₹5,842.03
List Price:  ₹8,346.11
You save:  ₹2,504.08
RM332.86
List Price:  RM475.54
You save:  RM142.67
₦86,437.65
List Price:  ₦123,487.65
You save:  ₦37,050
₨19,491.96
List Price:  ₨27,846.85
You save:  ₨8,354.89
฿2,586.09
List Price:  ฿3,694.58
You save:  ฿1,108.48
₺2,265.39
List Price:  ₺3,236.41
You save:  ₺971.02
B$363.53
List Price:  B$519.35
You save:  B$155.82
R1,302.64
List Price:  R1,861
You save:  R558.35
Лв127.90
List Price:  Лв182.73
You save:  Лв54.82
₩96,270.48
List Price:  ₩137,535.16
You save:  ₩41,264.67
₪262.29
List Price:  ₪374.71
You save:  ₪112.42
₱4,033.94
List Price:  ₱5,763.02
You save:  ₱1,729.07
¥10,867.12
List Price:  ¥15,525.12
You save:  ¥4,658
MX$1,187.12
List Price:  MX$1,695.96
You save:  MX$508.84
QR254.93
List Price:  QR364.20
You save:  QR109.27
P994.08
List Price:  P1,420.18
You save:  P426.09
KSh9,360.69
List Price:  KSh13,372.99
You save:  KSh4,012.30
E£3,358.63
List Price:  E£4,798.26
You save:  E£1,439.62
ብር4,003.77
List Price:  ብር5,719.92
You save:  ብር1,716.15
Kz58,546.63
List Price:  Kz83,641.63
You save:  Kz25,095
CLP$67,216.99
List Price:  CLP$96,028.39
You save:  CLP$28,811.40
CN¥506.70
List Price:  CN¥723.89
You save:  CN¥217.19
RD$4,073.53
List Price:  RD$5,819.58
You save:  RD$1,746.04
DA9,418.34
List Price:  DA13,455.35
You save:  DA4,037.01
FJ$158.31
List Price:  FJ$226.17
You save:  FJ$67.86
Q543.96
List Price:  Q777.12
You save:  Q233.16
GY$14,650.29
List Price:  GY$20,929.88
You save:  GY$6,279.59
ISK kr9,815.39
List Price:  ISK kr14,022.59
You save:  ISK kr4,207.20
DH707.71
List Price:  DH1,011.06
You save:  DH303.35
L1,237.78
List Price:  L1,768.33
You save:  L530.55
ден4,025.24
List Price:  ден5,750.59
You save:  ден1,725.35
MOP$563.96
List Price:  MOP$805.69
You save:  MOP$241.73
N$1,304.33
List Price:  N$1,863.42
You save:  N$559.08
C$2,570.38
List Price:  C$3,672.13
You save:  C$1,101.75
रु9,397.27
List Price:  रु13,425.24
You save:  रु4,027.97
S/263.43
List Price:  S/376.35
You save:  S/112.91
K270.11
List Price:  K385.89
You save:  K115.77
SAR262.49
List Price:  SAR375.01
You save:  SAR112.51
ZK1,873.89
List Price:  ZK2,677.10
You save:  ZK803.21
L325.37
List Price:  L464.84
You save:  L139.46
Kč1,643.47
List Price:  Kč2,347.91
You save:  Kč704.44
Ft25,458.03
List Price:  Ft36,370.18
You save:  Ft10,912.14
SEK kr764.90
List Price:  SEK kr1,092.76
You save:  SEK kr327.86
ARS$61,327.27
List Price:  ARS$87,614.14
You save:  ARS$26,286.87
Bs483.57
List Price:  Bs690.85
You save:  Bs207.27
COP$273,218.78
List Price:  COP$390,329.27
You save:  COP$117,110.49
₡35,710.66
List Price:  ₡51,017.42
You save:  ₡15,306.75
L1,733.65
List Price:  L2,476.75
You save:  L743.09
₲524,442.73
List Price:  ₲749,236.02
You save:  ₲224,793.28
$U2,683.09
List Price:  $U3,833.15
You save:  $U1,150.06
zł283.24
List Price:  zł404.64
You save:  zł121.40
Already have an account? Log In

Transcript

Hello. In previous videos, we have talked about if model if business components and we said there are five components, entity object view object application module Association and a few links. We finished the model now and in this video I will start moving to the view controller. View Controller is anything related to the page, the user interface, look and feel template, all these kinds of things we are we will talk about it. controller is the relation between the pages and navigation drawer. Let's start with page.

This is a page which we have created before while testing the model. Okay, as you can see here, each page has its own Structure you'll find start with view. And from view you have a document and you have one form. This is the main structure of the page and inside the form, you will start building your page. That components PDF components, we'll start with EF like as you can see f plus is in the source you can go to the page source here, you will find here we add it if faces reach component, which is prefixed f. So, you'll find here e f form it means it is in the form f document, f message. And so if men been in the tab all this it means this is it f components, which build the page itself like this is ATF table.

This is it if Ben grew This is it. panning depth and so on. So each page image will have one view one document one form and so is the form you can add all if components. Let's now try to make some build, create one page and we can see how you can start navigating between two pages. I will now remove the what we did last video so we don't do this now. I need a just assemble a page called departments.

Okay, so let's now create a new page called employees. And I need to navigate from department to employees and back from employees to department. Let's do that. Took care one page sheet is a page in the web content, you can right click New page there are two types of bits gsf or a facilities page or a GCP x. Okay, this is just type of the document the type of the file itself. You can key with JSF and here I will name it in Belize.

Once we talk about the template, I will go for the template but now we need to create a blank page. This is if you want to use a built in template. This is like a built in template in EDF. Come with automatically. Okay. At all quick stalkers sorted This is we'll insert and leave What if component in the beach if for example, you need a page which have one for the title bar and the body and the title body we need to be a collapsible or fix it you want the body to have the scroll.

So, you have some collection you need for example, right hand side or left hand side will be collapsible and the body will be stretchable. So you have some layout by default layout okay you can you can create from here once we are talking about with that if components you all your components use if components. I will talk about this. So for now we need to carry the just a blank page. Okay. Here, as you can see, by default, that he would have view document and for inside the form, we need to add what we need Let's now adjust one button in department and once you press on it you should go to the employee.

So in department I would need to add a component called button. So watch what you can do, you can select the form because it should be inside the form right click and use it inside this form I need ADF faces component okay. Once you press it the faces you will get all ADF components you can add inside this form okay so I will select bottom okay. Once you select the ADF component, you should go to the Bertie and you have all your vertices related to this component. If you select the form, you will find all burgers related to the form. If you select the document you will find all four It is related to the tokens for the documents you can change the title the title will be in the browser tab of the browser, this is the title so we can select it can write it depart myths okay.

Bottom here, I will see say go to m v. so here as you can see is a document of Zimbabwe we can change title to be improved, we ease okay. So in divorcement I can say go employees and in India we will add when you be the faces bottom and you need to say Okay, so now we have two pages each page has one button, we need to press a button from the department and it should go to St. Louis and from mbv back to the advertisement This is what we I will show you how to do that in the next video. See you next video.

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.