Configuring Siebel Open UI > Customizing Siebel Open UI > Configuring Siebel Open UI to Partially Refresh Web Pages >

Configuring Siebel Open UI to Partially Refresh Web Pages

You can configure Siebel Open UI to refresh only the applet that includes data that changes. This configuration makes rendering in the client more efficient than refreshing all applets, including applets that do not contain any new data. The example in this topic configures Siebel Open UI to allow the user to dynamically toggle the following applets in a view:

• One applet displays internal Siebel CRM data that Siebel Open UI gets from the Siebel Server.
• One applet displays external data that Siebel Open UI gets from some other, non-Siebel Web site.

To configure Siebel Open UI to partially refresh Web pages

1. Modify the SRF:
   1. Open Siebel Tools.
   2. In the Object Explorer, click Applet.
   3. In the Applets list, query the Name property for Contact Form Applet.
   4. In the Object Explorer, expand the Applet tree and then click Applet User Prop.
   5. In the Applet User Properties list, add a new record using values from the following table.

      Property	Value
      Name	Presentation_Model
      Value	PartialRefreshPModel

   6. In the Applet User Properties list, add a new record using values from the following table.

      Property	Value
      Name	Physical_Renderer
      Value	PartialRefreshRenderer

   7. Compile your changes.
2. Copy the JavaScript files:
   1. Download a copy of the partialrefreshpm.js file to the following folder:

   client_root\PUBLIC\language_code\release_number\scripts\siebel\custom

   To get a copy of this file, see Article ID 1494998.1 on My Oracle Support. For more information about this file, see Example of a Presentation Model.

   2. Download a copy of the partialrefreshpr.js file to in the following folder:

   client_root\PUBLIC\language_code\release_number\scripts\siebel\custom

   To get a copy of this file, see Article ID 1494998.1 on My Oracle Support. For more information about this file, see Example of a Physical Renderer.

3. Modify the Manifest File:
   1. Use an XML editor to open the custom_manifest.xml file.

      For more information, see Mapping Server Objects to Client Code.

   2. Locate the following PLATFORM Name section:

   <PLATFORM_KEY_SPECIFIC>
   . . .
   <PLATFORM Name="Desktop">

   3. where:

      . . . (ellipsis) indicates code that this book does not display for brevity.

   4. Add the following code to the section that you located in Step b. You add the bolded code:

   <PLATFORM_KEY_SPECIFIC>
   . . .
   <PLATFORM Name="Desktop">
   . . .
   <KEY Name = "PartialRefreshRenderer">
   <FILE_NAME> siebel/phyrenderer.js </FILE_NAME>
   <FILE_NAME> siebel/custom/partialrefreshpr.js </FILE_NAME>
   </KEY>
   <PLATFORM>

   5. Use an XML editor to open the custom_manifest.xml file.

      For more information, see Mapping Server Objects to Client Code.

   6. Locate the following section:

   <KEY_COMMON>

   7. Add the following code to the end of the section that you located in Step f. You add the bolded code:

   </KEY>
   <KEY NAME="PartialRefreshPModel">
   <FILE_NAME> siebel/applet.js </FILE_NAME>
   <FILE_NAME> siebel/pmodel.js </FILE_NAME>
   <FILE_NAME> siebel/custom/partialrefreshpm.js </FILE_NAME>
   </KEY>
   </KEY_COMMON>

4. Test your work:
   1. Open the browser in the client computer and then clear the browser cache.

      For more information, see Clearing the Browser Cache.

   2. Open the Siebel application and then navigate to the contact form applet.
   3. Delete the value in the Job Title field and then step out of the field.
   4. Make sure Siebel Open UI removes the values from the Work # and the Main Fax # fields.
   5. Add a value to the Job Title field and then step out of the field.
   6. Make sure Siebel Open UI adds values to the Work # and the Main Fax # fields.