2.6.1 • Published 7 years ago
knockout-dragdrop v2.6.1
knockout-dragdrop
A drag and drop binding for Knockout.
Install
NPM
npm install knockout-dragdrop
Bower
bower install knockout-dragdrop
Usage
Dragging between two lists:
<h2>Drag from here</h2>
<ul data-bind="foreach: source">
<li data-bind="text: $data, dragZone: { name: 'lists' }"></li>
</ul>
<h2>Drop here</h2>
<ul data-bind="foreach: target, dropZone: { accepts: 'lists', drop: drop }">
<li data-bind="text: $data"></li>
</ul>
var model = {
source: ko.observableArray([
'Declan',
'Tessa',
'Claire',
'Violet',
'Alice',
'Mia',
'Camille',
'Aiden'
]),
target: ko.observableArray(),
drop: function (data, model) {
model.source.remove(data);
model.target.push(data);
}
};
ko.applyBindings(model);
Running the example locally
Run the following command:
npm install && bower install && serve
and open http://localhost:3000 in your browser.
License
Knockout.dragdrop is licensed under a standard 3-clause BSD license -- see the LICENSE
-file for details.
2.6.1
7 years ago
2.6.0
7 years ago
2.5.1
8 years ago
2.5.0
8 years ago
2.4.4
9 years ago
2.4.2
9 years ago
2.4.1
9 years ago
1.2.2
9 years ago
2.4.0
9 years ago
2.3.0
9 years ago
2.2.0
9 years ago
2.1.1
9 years ago
1.2.1
9 years ago
2.1.0
9 years ago
2.0.1
9 years ago
2.0.0
9 years ago
1.6.1
9 years ago
1.6.0
9 years ago
1.5.0
9 years ago
1.4.0
9 years ago
1.2.0
10 years ago
1.1.6
10 years ago
1.1.5
10 years ago
1.1.4
10 years ago
1.1.3
10 years ago
1.1.2
10 years ago
1.1.1
10 years ago
1.1.0
10 years ago
1.0.2
10 years ago
1.0.1
11 years ago
1.0.0
11 years ago
0.1.4
11 years ago
0.1.3
11 years ago
0.1.2
11 years ago
0.1.1
11 years ago