This guide will take you through the process of implementing the genie JavaScript SDK in your web application. This guide will focus on its use in ASP.NET MVC web applications, though the principles can be applied to any web framework.

What is the GenieJavaScript SDK?

The genieJavaScript SDK is a library that enables you to implement pure HTML-based client applications for use with server applications built upon the Genie.  The SDK enables you to build web-based data driven applications without the need to write any JavaScript code (unless you really want to).

The SDK is built on top of backbone.js.  Please review https://backbonejs.org/ to understand how this has been structured.

Adaptors - unique to our SDK

When you have:

Connection is via an Adaptor - it maps and listens to events on the server and then repushes when changes happen each way.  It just does the mapping.  Need to understand the SDK (by looking at Backbone) and also Javascript.

Models and Views and Adaptors and Controls

Model is client side concept of a field ( a client side way of storing the value of that field) and co-ordinates the logic between server and client.

View - a built in way of visualising a field (default ui) and is built on top of a model

Adaptor is on top of a view - to use a different UI for the same field.

Controls are provided as a 3rd party library for UI pieces that can be used

Can build adaptors built to a UI Library - specifically.  Bootstrap has a lot of UI controls as well.  Can put bootstrap into wordpress and use the UI components.

Prerequisites

Note

Our internally created portals are using Backbone 5 and Mazer