Question 1 : What are different layers of JavaScript classes in Open UI ?
Answer: Siebel Open UI framework provider 4 different type of js files , proxy, presentation model(PM), physical renderer(PM), and plugin wrapper(PW). Out of these only PM, PR and PW are recommended to modify and extend. Proxy is an interface between Siebel server and browser, thus should never be changed.
For in loop is one of my favourite commands of JavaScript and it just one step behind the modest alert() ;)
It is a very powerful command and helps you to loop through any JavaScript object without knowing what object is all about. You don't need to know the types that exists in the object or number of child objects that object has. You just need have the handle of the object and you can loop through all its properties.
It is quite handy if you cant get your head around Siebel Open UI and you want to know what else is available in that object and how the functions are implemented in an object.
Examples:
MyPM.prototype.Setup = function (propSet) { for(var x in propSet){console.log(x + "" + propSet[x]); } SiebelAppFacade.MyPM.superclass.Setup.call(this, propSet); }
In this example I am trying to find what else is passed through the property set by Siebel to the Setup function of Presentation Model. and the following I am trying to all the methods that are available by theApplication() object.
for(var x in theApplication()){
console.log(x + " " + theApplication[x]);
}
For those who don't know, For in loop is just plain old JavaScript and is not some thing the jQuery offers.
Have been following Siebel blogs to find out latest innovations in Siebel Open UI? Wonder what else you could do with Open ui and jquery? Voice Recognition and Google Map Integration is not enough want to add more controls but don't know where to start? Well, answers is your local :)
Siebel has packaged all the Jquery UI examples into the client installation directory, all these examples comes with sample Jquery code, they gets copied along with Open UI installation. These codes are not Siebel formated code however can be directly placed into custom PM PR layers with minimum changes. Open UI is utilizes many of these controls thus you find that many of the js and css already initialised.
Example includes HTML5 Animations, Custom controls like sliders, Dialogs and draggable controls as well as JQuery based validations.
I highly recommend to have a look at all the examples before starting with any new design.
Some of my favourites are Dialog boxes with field level validations for email id and password:
Hope it helps. Feel free to share your experience in implementing these controls in Siebel.
