Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/dbankier/nano-bindon
A plugin for nano to change the view binding event.
https://github.com/dbankier/nano-bindon
Last synced: about 2 months ago
JSON representation
A plugin for nano to change the view binding event.
- Host: GitHub
- URL: https://github.com/dbankier/nano-bindon
- Owner: dbankier
- Created: 2015-01-19T08:39:10.000Z (almost 10 years ago)
- Default Branch: master
- Last Pushed: 2015-01-19T08:40:52.000Z (almost 10 years ago)
- Last Synced: 2024-10-02T18:37:19.984Z (3 months ago)
- Language: JavaScript
- Size: 5.07 MB
- Stars: 1
- Watchers: 4
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
#Nano BindOn
A plugin for [nano](https://github.com/dbankier/nano) to change the view event.
By default nano binds on the `change` event. This plugin lets you bind on any other
`ti` event.Requires nano version > 0.2.0
Read nano docs there.
##Install
From the root of your existing alloy project you can either.
Install using [gitto](http://gitt.io/)
~~~
$ gittio install nano
$ gittio install nano-bindon
~~~or install using npm
~~~
$ npm install ti-nano ti-nano-bindon
~~~It will copy all the required libraries to your `app/lib` folder.
##Setup
Add the following to your `alloy.js` file:
~~~
var nano = require("nano");
var bindon = require("nano-bindon");
nano.load(bindon());
~~~Then use nano as normal in your controller, e.g.
~~~
nano($,$model);
~~~##Binding
The default syntax is `{{ attribute }}`. Currently there is a limitation in Alloy that prevents its usage.
See [this issue](https://github.com/dbankier/nano/issues/1).For the examples below the follow command was used to change the syntax:
~~~
nano.syntax(/\-\=(.+?)\=\-/gi);
~~~This changes the syntax `-= attribute =-`.
### bindon attribute
With the plugin you can now add the `nbindon` attribute, e.g.
~~~
{{value}}
~~~
The first `TextField` will bind on the `blur` event.
The second `TextField` will bind on the `click` event.
The third `TextField` will bind on the `change` event (the default nano setting).##Building from Source
Building the distributable is done using [grunt](http://gruntjs.com/)
Enter the following:
~~~
$ npm install
$ grunt
~~~The built library is found in at `dist/nano-bindon.js`