cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

Axeda Sample Application: Populating A Web Page with Data Items

Regular Member

Axeda Sample Application: Populating A Web Page with Data Items

The Axeda Platform provides a few mechanisms for putting user-defined pages or UI modules into the dashboards, or allowing end-users to host AJAX based applications from the same instance their data is retrieved from.  This simple application illustrates the use of jQuery to call Scripto and return a JSON formatted array of current data for an Axeda asset.

Prerequisites:

  • First steps taken with Axeda Artisan
  • Basic understanding of HTML, JavaScript and jQuery
  • Axeda Platform v6.5 or greater (Axeda Customers and Partners)
  • Artisan project attached to this article

Features:

  • Authentication from a Web app
  • Use of CurrentDataFinder API
  • Scripto from jQuery

Files of Note ​(Locations are from the root of Artisan project)

  1. index.html – main HTML index page
    ..\artisan-starter-html\src\main\webapp\index.html
  2. app.js – JavaScript code to build application and call Scripto
    ..\artisan-starter-html\src\main\webapp\scripts\app.js
  3. axeda.js – axeda web services JavaScript code
    ..\artisan-starter-html\src\main\webapp\scripts\axeda.js
  4. DataItemsWithScripto.groovy – custom object on Axeda platform
    ..\artisan-starter-scripts\src\main\groovy\DataItemsWithScripto.groovy

Screenshots:

AxedaSampleApp_PopulatingWebPageDataItems_SS3.png

AxedaSampleApp_PopulatingWebPageDataItems_SS1.png

AxedaSampleApp_PopulatingWebPageDataItems_SS2.png

Further Reading