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
€67.28
List Price:  €96.12
You save:  €28.84
£55.93
List Price:  £79.91
You save:  £23.97
CA$98.01
List Price:  CA$140.02
You save:  CA$42.01
A$107.87
List Price:  A$154.11
You save:  A$46.23
S$94.42
List Price:  S$134.90
You save:  S$40.47
HK$544.78
List Price:  HK$778.29
You save:  HK$233.51
CHF 62.22
List Price:  CHF 88.89
You save:  CHF 26.67
NOK kr779.46
List Price:  NOK kr1,113.56
You save:  NOK kr334.10
DKK kr501.79
List Price:  DKK kr716.88
You save:  DKK kr215.08
NZ$119.98
List Price:  NZ$171.41
You save:  NZ$51.43
د.إ257.07
List Price:  د.إ367.26
You save:  د.إ110.18
৳8,402.58
List Price:  ৳12,004.20
You save:  ৳3,601.62
₹5,911.93
List Price:  ₹8,445.97
You save:  ₹2,534.04
RM312.68
List Price:  RM446.70
You save:  RM134.02
₦118,358.68
List Price:  ₦169,091.08
You save:  ₦50,732.40
₨19,451.98
List Price:  ₨27,789.74
You save:  ₨8,337.75
฿2,421.30
List Price:  ฿3,459.15
You save:  ฿1,037.85
₺2,419.75
List Price:  ₺3,456.94
You save:  ₺1,037.18
B$406.81
List Price:  B$581.19
You save:  B$174.37
R1,266.21
List Price:  R1,808.95
You save:  R542.74
Лв131.43
List Price:  Лв187.77
You save:  Лв56.33
₩98,455.31
List Price:  ₩140,656.47
You save:  ₩42,201.16
₪260.61
List Price:  ₪372.31
You save:  ₪111.70
₱4,125.84
List Price:  ₱5,894.31
You save:  ₱1,768.47
¥10,813.84
List Price:  ¥15,449
You save:  ¥4,635.16
MX$1,432.62
List Price:  MX$2,046.69
You save:  MX$614.07
QR256.35
List Price:  QR366.23
You save:  QR109.88
P959.91
List Price:  P1,371.36
You save:  P411.45
KSh9,063.70
List Price:  KSh12,948.70
You save:  KSh3,885
E£3,476.67
List Price:  E£4,966.88
You save:  E£1,490.21
ብር8,762.26
List Price:  ብር12,518.05
You save:  ብር3,755.79
Kz63,877.12
List Price:  Kz91,256.94
You save:  Kz27,379.82
CLP$68,152.06
List Price:  CLP$97,364.26
You save:  CLP$29,212.20
CN¥507.37
List Price:  CN¥724.85
You save:  CN¥217.47
RD$4,236.71
List Price:  RD$6,052.70
You save:  RD$1,815.99
DA9,355.50
List Price:  DA13,365.57
You save:  DA4,010.07
FJ$159.32
List Price:  FJ$227.62
You save:  FJ$68.29
Q542.77
List Price:  Q775.43
You save:  Q232.65
GY$14,710.67
List Price:  GY$21,016.15
You save:  GY$6,305.47
ISK kr9,775.50
List Price:  ISK kr13,965.60
You save:  ISK kr4,190.10
DH703.21
List Price:  DH1,004.63
You save:  DH301.41
L1,276.61
List Price:  L1,823.81
You save:  L547.19
ден4,112.73
List Price:  ден5,875.58
You save:  ден1,762.85
MOP$563.70
List Price:  MOP$805.33
You save:  MOP$241.62
N$1,272.29
List Price:  N$1,817.64
You save:  N$545.34
C$2,573.53
List Price:  C$3,676.63
You save:  C$1,103.10
रु9,461.06
List Price:  रु13,516.38
You save:  रु4,055.32
S/267.08
List Price:  S/381.56
You save:  S/114.48
K283.05
List Price:  K404.37
You save:  K121.32
SAR262.80
List Price:  SAR375.44
You save:  SAR112.64
ZK1,938.90
List Price:  ZK2,769.98
You save:  ZK831.07
L334.76
List Price:  L478.25
You save:  L143.49
Kč1,707.89
List Price:  Kč2,439.96
You save:  Kč732.06
Ft27,663.65
List Price:  Ft39,521.19
You save:  Ft11,857.54
SEK kr779.03
List Price:  SEK kr1,112.95
You save:  SEK kr333.92
ARS$70,272.32
List Price:  ARS$100,393.34
You save:  ARS$30,121.01
Bs485.83
List Price:  Bs694.07
You save:  Bs208.24
COP$310,661.31
List Price:  COP$443,820.90
You save:  COP$133,159.58
₡35,743.76
List Price:  ₡51,064.70
You save:  ₡15,320.94
L1,776.85
List Price:  L2,538.46
You save:  L761.61
₲551,865.53
List Price:  ₲788,413.13
You save:  ₲236,547.59
$U2,996.30
List Price:  $U4,280.61
You save:  $U1,284.31
zł292.33
List Price:  zł417.63
You save:  zł125.30
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.