DavyJonesLocker / ember-one-way-controls

Native one way input

Home Page:http://ember-twiddle.com/2d7246875098d0dbb4a4

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

DEPRECATED: ember-one-way-controls

ember-one-way-controls was built by DockYard, contact us for expert Ember.js consulting.

This project has been deprecated. When Ember 1.13 came out it became possible to use the native <input> element with one-way bindings. Unfortunately, that version contained a bug that made the cursor jump to the end of the text in the input. This addon was built to correct that bug.

That bug has since been fixed in Ember 2.3.1. In the meantime, we had added some other form components to the addon, like a radio component, a textarea component and a select component. This kept the addon useful to us for a while.

Recently we started noticing that we only really needed the select component from this addon. This made us decide to extract this component to its own addon and deprecate this addon.

The new addon is called ember-one-way-select.

You can find the README of the old version here.

Migrating

one-way-input

{{! old }}
{{one-way-input myValue update=(action (mut myValue))}}

{{! new }}
<input value={{myValue}} oninput={{action (mut myValue) value="target.value"}}>

one-way-textarea

{{! old }}
{{one-way-textarea myValue update=(action (mut myValue))}}

{{! new }}
<textarea value={{myValue}} oninput={{action (mut myValue) value="target.value"}}></textarea>

one-way-checkbox

{{! old }}
{{one-way-checkbox myValue update=(action (mut myValue))}}

{{! new }}
<input type="checkbox" checked={{myValue}} onclick={{action (mut myValue) value="target.checked"}}>

one-way-radio

{{! old }}
{{one-way-radio myValue option=myOption update=(action (mut myValue))}}

{{! new }}
<input type="radio" checked={{eq myValue myOption}} onclick={{action (mut myValue) myOption}}>

Legal

DockYard, Inc © 2016

@dockyard

Licensed under the MIT license

About

Native one way input

http://ember-twiddle.com/2d7246875098d0dbb4a4

License:MIT License


Languages

Language:JavaScript 91.6%Language:HTML 8.4%