https://github.com/vic/knockout-jquerybindingprovider
A binding provider for knockoutjs bind data without using data-bind on views.
https://github.com/vic/knockout-jquerybindingprovider
Last synced: 8 months ago
JSON representation
A binding provider for knockoutjs bind data without using data-bind on views.
- Host: GitHub
- URL: https://github.com/vic/knockout-jquerybindingprovider
- Owner: vic
- Created: 2012-07-25T03:30:27.000Z (almost 14 years ago)
- Default Branch: master
- Last Pushed: 2012-08-03T22:52:35.000Z (almost 14 years ago)
- Last Synced: 2024-12-25T12:26:13.279Z (over 1 year ago)
- Language: JavaScript
- Homepage: http://vic.github.com/knockout-jqueryBindingProvider/
- Size: 102 KB
- Stars: 3
- Watchers: 3
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Knockout jQuery binding provider.
=================================
A custom binding provider for [Knockout.js](http://knockoutjs.com) that allows you to define bindings using jquery selectors
instead of filling your view elements with complex data-bind attributes.
DEMO: http://vic.github.com/knockout-jqueryBindingProvider
### Dependencies
```html
```
### Usage
```javascript
// having a view model like this
var viewModel = {
firstName: ko.observable(),
lastName: ko.observable()
};
viewModel.fullName = ko.computed({
owner: viewModel,
read: function() {
return this.firstName() + ' ' + this.lastName();
}
});
// you can bind its properties with
$('.main').ko(viewModel, {
'span.full-name': function(vm){
return { text: vm.fullName };
},
'.first-name input': function(vm){
return {
value: vm.firstName,
valueUpdate: 'afterkeydown'
};
},
'.last-name input': function(vm){
return {
value: vm.lastName,
valueUpdate: 'afterkeydown'
};
}
});
```