Documentation
develop
develop
  • 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
  • General Prerequisites
  • Sample component
  • Tutorials
  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

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 )

  2. You are familiarized with the

  3. You are familiarized with the

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:

Tutorials

Interacting with Cubbles from the outside
Adding dynamic connections
Interacting with Elementary Cubbles from the inside
sandbox store
creation of elementary components
The Cubbles Tag API
Interface of the cubx-textarea component