- 3,741,218 Users
- 2,248,393 Discussions
- 7,861,681 Comments
Forum Stats
Discussions
Howdy, Stranger!
Categories
- 381.2K All Categories
- 2.1K Data
- 204 Big Data Appliance
- 1.9K Data Science
- 446.6K Databases
- 220.6K General Database Discussions
- 3.7K Java and JavaScript in the Database
- 23 Multilingual Engine
- 511 MySQL Community Space
- 462 NoSQL Database
- 7.7K Oracle Database Express Edition (XE)
- 2.8K ORDS, SODA & JSON in the Database
- 448 SQLcl
- 3.9K SQL Developer Data Modeler
- 185.6K SQL & PL/SQL
- 20.8K SQL Developer
- 291.8K Development
- 7 Developer Projects
- 117 Programming Languages
- 288.6K Development Tools
- 94 DevOps
- 3K QA/Testing
- 645.3K Java
- 18 Java Learning Subscription
- 36.9K Database Connectivity
- 150 Java Community Process
- 104 Java 25
- 22.1K Java APIs
- 137.7K Java Development Tools
- 165.3K Java EE (Java Enterprise Edition)
- 12 Java Essentials
- 141 Java 8 Questions
- 85.9K Java Programming
- 79 Java Puzzle Ball
- 65.1K New To Java
- 1.7K Training / Learning / Certification
- 13.8K Java HotSpot Virtual Machine
- 94.2K Java SE
- 13.8K Java Security
- 197 Java User Groups
- 23 JavaScript - Nashorn
- Programs
- 192 LiveLabs
- 34 Workshops
- 10.2K Software
- 6.7K Berkeley DB Family
- 3.5K JHeadstart
- 5.7K Other Languages
- 2.3K Chinese
- 165 Deutsche Oracle Community
- 1.2K Español
- 1.9K Japanese
- 225 Portuguese
How to create Oj-Components dynamically?
Hey there,
so i want to create a Oj-Input-Text and my Code looks like this:
<oj-button on-oj-action="[[addinput]]">Add</oj-button>
var ojinput = document.createElement('oj-input-text');
self.addinput = function() {
document.getElementById('container').appendChild(ojinput);
};
I dont get an error when running this, but but no element is displayed. What do I have to do to display an Oj input?
Thank you
Best Answer
-
This jsFiddle will show how it can be done. https://jsfiddle.net/peppertech/ps1hy4x7/
The oj-module with a dynamic config binding approach that Philip alluded to may be a better approach.
Answers
-
Hi User_INPR6,
I don't know about dynamlically instantiating oj-components. There may be issues with the knockout binding, because the newly inserted element is inserted into the DOM without a refresh of the bindings.
But one reason may be you forgot to require ojs/ojinputtext. Check your define and require calls.
A better way to do this in my opinion would be to add the oj-input outright and bind its' (or its' containers) display attribute to a knockout observable and switch that when pressing the button.
Regards,
Philip
-
This jsFiddle will show how it can be done. https://jsfiddle.net/peppertech/ps1hy4x7/
The oj-module with a dynamic config binding approach that Philip alluded to may be a better approach.
-
Thank you for your answer,
Adding the elements works fine, but I have the problem that the created elements disappear when the router state is changed.
Is there a way that when the router state is changed the elements are still displayed?
Thank you
-
Your code would need to take that into consideration somehow. If you are adding the components dynamically, they are not going to be persisted in any way on the client. You can't write to the client filesystem in JavaScript for security reasons.