Documentation
Primary version
Primary version
  • Cubbles documentation
  • First steps
    • Generate a project
    • Create a webpackage
    • Create an elementary component
    • Create a compound component
      • Compound slot initialization
  • Runtime extension - RTE
    • User guide
      • RTE Integration
      • The Cubbles TAG API
        • The Cubbles Dependency API
      • The Cubbles Javascript API
        • Interacting with Cubbles from the outside
        • Adding dynamic connections
        • Interacting with Elementary Cubbles from the inside
      • The RTE Processing
        • RTE initialization and rendering timeline
      • The Cubbles IFrame API
        • The Cubbles IFrame Resizer API
      • The Cubbles mutation based start event API
      • FAQs
        • How to manually resolve dependency conflicts?
        • How to create a component instance dynamically?
        • How to render HTML Markup coming from input slot?
        • How to replace a dependency when declaring a component instance?
        • How to synchronize multiple dataflows between component instances?
        • How to handle the copyValue flag for non serializable instances?
    • Contributor guide
      • CIF processing
  • Developing with the vanilla boilerplate
    • Creating a new project
    • Developing elementaries using the vanilla boilerplate
    • Developing compounds using the vanilla boilerplate
    • Using the vanilla boilerplate scripts
  • Coder devtools - CDT
    • User guide
      • Create Cubbles artifacts
      • Upload a Webpackage
      • Generate a README file
      • Rename an artifact
      • Configure network proxy
      • Validate the manifest.webpackage file
      • Change active webpackage
      • Bulk upload of webpackages
      • Release a webpackage
      • Update the RTE version of a webpackage
      • Prepare a webpackage to be released
      • Update webpackage to the next development version
      • Generate a test environment for a component
      • Testing Cubbles components
      • Validate sources
      • Create a demo webpackage
    • Contributor guide
      • Checklist for releasing a new webpackage.modelVersion
  • Terms and concepts
    • Webpackage
    • Artifacts
    • User roles
    • Base
Powered by GitBook
On this page
  1. Runtime extension - RTE
  2. User guide

The Cubbles Javascript API

PreviousThe Cubbles Dependency APINextInteracting with Cubbles from the outside

Last updated 6 years ago

CtrlK
  • General Prerequisites
  • Sample component
  • Tutorials

This section contains a set of tutorials to present how to interact with a Cubbles component, using public methods, events and initialization.

General Prerequisites

To reproduce any of the tutorials of this section the following prerequisites apply:

  1. The com.incowia.basic-html-components@2.0.0-SNAPSHOT/cubx-textarea should be available. (You can find it at the sandbox store)

  2. You are familiarized with the creation of elementary components

  3. You are familiarized with the The Cubbles Tag API

Sample component

To make it easier to explain an understand how to interact with a component, we will use the elementary component called cubx-textarea, whose webpackge-id is com.incowia.basic-html-components@1.0/cubx-textarea, along all tutorials of this section. This component wraps a <textarea> html element to enable its use as component within the Cubbles platform, allowing some of the html attributes of a textarea to be available as slots. The interface view for this component looks as follows:

Interface of the cubx-textarea component

Tutorials

  • Interacting with Cubbles from the outside

  • Adding dynamic connections

  • Interacting with Elementary Cubbles from the inside