README

DUICE (Data-oriented UI Component Engine)

Concept

Laziness and Chronic Stress from Complexity of UI Development have been developed to the following purpose.

MVC Auto-Binding (between Data Structure and HTML DOM Element)

By using the installed DataMap and DataList Data Structure, bidirectional binding processing is performed with Element in charge of presentation of the screen. (Internally it is Observer Pattern) When changing the data of DataMap and DataList, the value of the UI DOM element binding was also automatically changed. Conversely, if the user changes the value of the UI DOM Element, the binding data is automatically changed.

Reducing Learning Curve (via Just Simple HTML5 data-* Attribute)

If you know only basic HTML format and Javascript, configure it to be able to operate. JQuery, AgularJS, ReactJS .. It is really a spring and autumn season. Something is just about new. The running curve is too large. I just want simple things to work. It is possible to set only HTML5 custom attribute data- *.

Pure Javascript Prototype (No Dependency, No Conflict)

This library is developted by just pure javascript prototype. It is oriented towards minimal code, no-dependency and no-conflict. Therefore you can use it with another javascript library together. You can use it with JQuery, AngularJS and so on, also Responsive UI framework like Bootstrap.

Examples

Grid Example

TreeView Example

Flow Example

References

application.oopscraft.net (Standalone Application Platform)

http://application.oopscraft.net/admin

More Information

Official Website

http://duice.oopscraft.net ### Source Repository https://github.com/oopscraft/duice ### Distribution Download http://duice.oopscraft.net/dist/duice.zip ### Licence Anyone can use it freely. Modify the source or allow re-creation. However, you must state that you have the original creator. However, we can not grant patents or licenses for reproductives. (Modifications or reproductions must be shared with the public.)

Usage no npm install needed!