Browse Source

+ describe 'sort' and 'disbaled' option

pull/168/head
RubaXa 10 years ago
parent
commit
803659f985
  1. 46
      README.md

46
README.md

@ -101,9 +101,11 @@ To make list items draggable, Sortable disables text selection by the user.
That's not always desirable. To allow text selection, define a drag handler, That's not always desirable. To allow text selection, define a drag handler,
which is an area of every list element that allows it to be dragged around. which is an area of every list element that allows it to be dragged around.
Demo: http://jsbin.com/newize/1/edit?html,js,output
```js ```js
var sortable = new Sortable(el, { Sortable.create(el, {
handle: ".my-handle" handle: ".my-handle"
}); });
``` ```
@ -116,7 +118,8 @@ var sortable = new Sortable(el, {
```css ```css
.my-handle { .my-handle {
cursor: move cursor: move;
cursor: -webkit-grabbing;
} }
``` ```
@ -136,6 +139,34 @@ You can also define whether lists can give away, give and keep a copy (`clone`),
--- ---
#### `sort` option
Sorting inside list
Demo: http://jsbin.com/xizeh/2/edit?html,js,output
---
#### `disabled` options
Disables the sortable if set to `true`.
Demo: http://jsbin.com/xiloqu/1/edit?html,js,output
```js
var sortable = Sortable.create(list);
document.getElementById("switcher").onclick = function () {
var state = sortable.option("disabled"); // get
sortable.option("disabled", !state); // set
};
```
---
#### `filter` option #### `filter` option
@ -143,12 +174,13 @@ You can also define whether lists can give away, give and keep a copy (`clone`),
Sortable.create(list, { Sortable.create(list, {
filter: ".js-remove, .js-edit", filter: ".js-remove, .js-edit",
onFilter: function (evt) { onFilter: function (evt) {
var item = el.item; var item = el.item,
ctrl = evt.target;
if (Sortable.utils.is(evt.target, ".js-remove")) { // Click on remove button if (Sortable.utils.is(ctrl, ".js-remove")) { // Click on remove button
el.parentNode.removeChild(el); // remove sortable item item.parentNode.removeChild(item); // remove sortable item
} }
else if (Sortable.utils.is(evt.target, ".js-edit")) { // Click on edit link else if (Sortable.utils.is(ctrl, ".js-edit")) { // Click on edit link
// ... // ...
} }
} }

Loading…
Cancel
Save