
Creating HTML5 Add-On Projects for Mobile
Mobile add-ons for Dashboards are created as HTML5 projects. You can create three types of HTML5
projects to add functionality to your dashboards: visual components, custom connections, and Excel
functions.
6.1 To create HTML5 projects for use with Dashboards
Create a basic HTML5 project:
1.
Create your add-on project folder in C:\Program Files (x86)\SAP
BusinessObjects\Xcelsius 4.0\SDK.
2.
In the add-on project folder, copy the following files: ComponentTemplate.js, ConnectionTem
plate.js, and MobileAddonTemplate.html.
3.
In the add-on project folder, develop your add-on using HTML5 and JavaScript.
4.
Modify MobileAddonTemplate.html to include your add-on resource files (JavaScript and CSS).
5.
Modify the template_initComponents() and template_initConnections() functions in
MobileAddonTemplate.html to initialize your add-on components and connections for testing.
6.
Open MobileAddonTemplate.html to test your add-on component or connection in a simulation
dashboard.
6.1.1 Create an HTML5 add-on source file
It is recommended to use JavaScript to develop components for Dashboards. To avoid naming clashes,
place your add-on source class in a JavaScript global object as a package.
The following code sample creates a custom horizontal slider component:
(function()
{
xcelsius.sdk.declare("com.businessobjects.xcelsius.sdk.samples.CustomPropSheetHorizontalSlider");
xcelsius.sdk.require("xcelsius.sdk.core.AddOnComponent");
com.businessobjects.xcelsius.sdk.samples.CustomPropSheetHorizontalSlider = function()
{
com.businessobjects.xcelsius.sdk.samples.CustomPropSheetHorizontalSlider.superclass.constructor.ap
ply(this,arguments);
...
}
xcelsius.sdk.extend(com.businessobjects.xcelsius.sdk.samples.CustomPropSheetHorizontalSlider,xcel
2013-05-0619
Creating HTML5 Add-On Projects for Mobile
Comentarios a estos manuales