cwiecha / demoimageresize Goto Github PK
View Code? Open in Web Editor NEWDojo demo of image resize using dojo.Stateful API
Dojo demo of image resize using dojo.Stateful API
Quick demo showing the use of dojo.Stateful APIs for derived values in a data model, and binding between model and form dijits in the view. The goal is to show a simple means to conform to MVC patterns in UI design and also to emulate constraint-based "derived" values in the data model using an image resize dialog. Try changing either the absolute or relative image sizes and observe the effects on the derived values. Changes can be made in either direction (absolute->relative or vice versa), and also with the aspect ratio pegged or not. While the demo does not actually implement a constraint-based dependency graph between the values, the dojo.Stateful API along with simple checks to detect and break cycles are sufficient to get pretty close... The dojo.Stateful watch() fn is used both in the model for derived values and to watch changes on the model to resync values in the view. Future versions of the demo will extend the use of watch() to listen to property changes in the view widgets, once dojo.Stateful is fully supported there, so we'll have a uniform model-model and model-view binding mechanism. Check out layer.js for details...
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.