Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Corrected links that should have been relative instead of absolute.

Sencha Architect Pre-requisites

  • Ext JS Framework

  • Sencha cmd

  • Ruby Installer

  • Eclipse

  • Apache Tomcat Server

  • Adeptia Connect WAR File

  • AIS Installer Compatible with the AC WAR

Sample Project in Eclipse

Below is the Cmd command to create a sample extjs application:

  • Sencha -sdk <path where sencha framework exists> generate app <App Name> <path where we want to copy the framework libs>. For example, sencha -sdk E:\Software\ext-5.1.1-commercial\ext-5.1.1 generate app SampleApplication E:\Project\webcontent\sampleapplication.
  • Add folder name in 'index.html' before 'bootstrap.js'.
  • Add 'indexhtmlpath' value i.e. '.../index.html'.
  • Command for creating extjs production  (compressed) build: Sencha app build production.

Sencha Project in Eclipse

Eclipse Project Structure:

Image Added


Eclipse Project Structure

Eclipse Project Structure for Query Builder Custom UI:

Image Added


Backend Settings in Eclipse Project

Backend API settings for Query Builder:

Image Added


Custom UI Preview in Sencha Project

Query Builder UI:

Image Added


Ensure User Context for API’s

  • User Credentials for API:

    Image Added
  • Run Time User Context:

    Image Added

 

Query Builder Form 

Form View for Query Builder:

Image Added

 

Custom  Form View in Eclipse Project

Query Builder Form View:

Image Added

 

Create WebForm in Adeptia Connect

Follow these steps to create a Web Form in Adeptia Connect:

  1. Click Configure > Web Forms > CREATE Web Form.

    Image Added

  2. On the Create Web Form window:
    • Provide a unique Web Form name and brief description.

      Image Added

    • Select the type of form you want to create from the Select Type - Web Page and Transaction/Template.

      Image Added

    • Click Save to publish the Web Form in Connect.

 

Query Builder Usage in Adeptia Connect

  1. Building Query

    Image Added

  2. Query Builder Form View

    Image Added

  3. Query Manage Page

    Image Added

  4. Results Viewer

    Image Added

  5. Results Page

    Image Added

 

Nest Step

Useful Links: Custom Form