Apply local draft version or discard it
Indent with tabs
Code hinting (autocomplete) (beta)
Only auto-run code that validates
Auto-save code (bumps the version)
Auto-close HTML tags
Clear console on run
Live code validation
Highlight matching tags
Show boilerplates bar less often
Save anonymous (public) fiddle?
- Be sure not to include personal data
- Do not include copyrighted material
Log in if you'd like to delete this fiddle in the future.
Fork anonymous (public) fiddle?
No autoresizing to fit the code
Render blocking of the parent page
You have a collection of Post model object displayed in a template and you want to be able to sort ascending or descending on one or more keys.
Create (or if you already have one: update) a PostsController that contains an action that do the actual sorting. This action called is when you click on an element in the template.
For this element you create an Ember component that imlements a click event handler and delegates the event to the controller. The main reason for creating a component for the sort element is that you want to update the state of the element with an appropriate icon (or color or whatever) indicating which key is used for sorting and if sorting happened in an ascending or descending order.
By passing the controller's sortProperties and sortAscending properties we're able to remember the state and update and look of the element accordingly.
Add title to make the fiddle public
/echo simulates Async calls:
See docs for more info.
Created and maintained by Piotr and Oskar.
Hosted on DigitalOcean
All code belongs to the poster and no license is enforced. JSFiddle or its authors are not responsible or liable for any loss or damage of any kind during the usage of provided code.
Roadmap (vote for features)
If you don't mind tech-related ads (not tracked), and want to keep us running, whitelist JSFiddle in your blocker.
Thank you! ❤️