In Siebel, getting things done is never enough. You have to follow all the rules else it would be a bigger problem in future. Same here in Siebel Open UI, we are really happy with lot of flexibilities and shortcuts to lengthy solutions using CSS & jQuery.
But again, we have to be dead careful in using these shortcuts.So, I must recommend here for all Open UI developers that actual Siebel should never be by passed. Don’t use direct jQuery/CSS to get things done easily.
Anyway, lets connect with the topic and try to explore basic template for PR or Physical Renderer. Its important to follow this template and use it carefully, else you can be in a big trouble.
You can find full version here..Lets explain scene by scene
[su_label]Scene 1:[/su_label]
[su_lightbox type=”image” src=”http://askmesiebel.com/wp-content/uploads/2014/06/PR1.jpg”]
[/su_lightbox]
Line#3: Lets give a name to your first PR say MyFirstPR (try to be relevant here)
Line#7: Provide relative path to PR file & mention all required JS files here like jqgridrenderer. It will be downloaded with this PR only and can be called wherever required.
Line#15: This function is default one to call constructor.Use this to define PM binding only.
Line#27 & 30: This line extends to parent file for List Applet & Form Applet respectively.
[su_label]Scene 2:[/su_label]
[su_lightbox type=”image” src=”http://askmesiebel.com/wp-content/uploads/2014/06/PR2.jpg”]
[/su_lightbox]
ShowUI, BindData, BindEvents are the functions where we write our custom codes as per required.
ShowUI: This function called firstly on page load, here you can write code to customize UI or all your custom htmls which will be rendered on page load.
BindData: This function called on data navigation. Here we can write which we want to run without page load or to call on record change.
BindEvents: All jQuery Events can be defined here which will be delegated on page load. Code can work outside this function but its recommended to define events here only.
[su_label]Scene 3:[/su_label]
[su_lightbox type=”image” src=”http://askmesiebel.com/wp-content/uploads/2014/06/PR3.jpg”]
[/su_lightbox]
Line#70: This function called from BindEvents.
Line#79: This function called from BindEvents.
Line#89: This function called when value of PM property set changed. Its bind inside constructor.
[su_divider]
@AskmeSiebel
Disclaimer: Please correct me if I am wrong anywhere. I tried to explain examples from bookshelf and example provided by Oracle release.