Here, we will add an edit page that lets user to change a department's name and location
Select the main-departments page in web apps >> click the page designer tab >> select table >> clcik quick start in table's properties pane >> add edit page >>select delartment and location >> finish >> edit department button is added in the toolbar on the main-departments page >> go to preview >> select a department tow and click edit department and save.
Here, we will see how to setup navigation between pages in a web app.
We can do this by addig buttons that perfom specific actions when we click then. This sequence of actions is called an action chain in visual builder.
Usecase: create an action chain to navigate from departments page to employees page:
Click web applications >> click main-departments page >> select button from component pallet and drop to the page beside create department >>click button and change level field to Show Employees >> go to events tab and click + event listener >> select on 'ojAction' >> an empty action chain will open >> drag "Navigate to Page" action and drop to the canvas and select the page >> click preview and test.
Here, we will change the name of the main-start page.
Webapps >> right click on main-start >> select rename >> provide new name >> click on main node >> you can see page name changed but its still default page.
Here we will add a page to create employees using quick start.
Select table component within the panel on the main-employees page >> click Quick start >> add create page >> add all the fields with required types >> click the structure view >>select the form layout >> set the cloumns value to 2 >> click live and test
When we click the code, we can see the html code for title, the table, the div elements etc. The components , classes all begin with oj- , indicates that they are Oracle Javascript Extension Tollkit(JET) components.
Here we will create a new page and display employees business object using panel, table and without using direct quick start.
Webapps >> hrwebapp >> click + next to the main node and select create page. >>provide page name >> chnage the header title to Employees >> select panel from component pallet and drop to page >> data tab >> select employee business object >> drag and drop get many to panel and select render as Table >>pop up menu to open add data quick start >> select the fields to display >> for picturr field , make it image type. >> next >> finish.
Here, we will add a page to create departments using add create page quick start.
Main-start >> add create page on quick start >> select required fields like department anf location >> Finish >> it will create new page and click on live and test the create and display pages.
Here, we will see how to display one business object department data over a page.
Click on web applications >> main-start >> click on main in page-header and update title to departments >>click on components and search table >> drag and drop table to page >> add data >> it will open add data quick starts >> select Department Business object >> in bind data sesction , select the fields to show over page. >> expand locationObject and items and select location. As we have created refrence from department to location BO, location field is available now here only >> next and finish
1. Export 11g OSB code and import in 12c Jdeveloper. Steps to import OSB project in Jdeveloper: File⇾Import⇾Service Bus Resources⇾ Se...
