Javascript 禁用拖放淘汰js排序表
在knockout js中使用sortable时,有没有一种方法可以禁用拖放。我有一个方格,里面有5*5个方格。我想禁用一些方块的拖放功能,而不是所有方块。。如何做到这一点?任何建议。在jQuery UI排序表中对此有支持 您只需将一个特殊类添加到不可排序的项中(例如使用Javascript 禁用拖放淘汰js排序表,javascript,knockout.js,jquery-ui-sortable,Javascript,Knockout.js,Jquery Ui Sortable,在knockout js中使用sortable时,有没有一种方法可以禁用拖放。我有一个方格,里面有5*5个方格。我想禁用一些方块的拖放功能,而不是所有方块。。如何做到这一点?任何建议。在jQuery UI排序表中对此有支持 您只需将一个特殊类添加到不可排序的项中(例如使用css绑定),然后您需要使用,您可以在其中设置此不可排序的类名 您可以使用options参数为sortable绑定指定选项: data-bind="sortable: {data: items, options: { cance
css
绑定),然后您需要使用,您可以在其中设置此不可排序的类名
您可以使用options
参数为sortable
绑定指定选项:
data-bind="sortable: {data: items, options: { cancel: '.no-sort' }}"
一个简单的HTML演示:
<ul data-bind="sortable: {data: items, options: { cancel: '.no-sort'}}">
<li data-bind="text: name, css: { 'no-sort': disabled}"></li>
</ul>
演示可能重复感谢解决方案,但如果您将一个项目移动到“无排序”项目上方,它将向下移动。如果我想将一个项目保持在顶部而不移动,该怎么办?@ImranRashid,那么您需要设置
项目
选项。你能看一下我的代码吗?突然它停止工作了,我查不出什么地方出了问题
var vm = {
items: [
{name: 'name1', disabled: false},
{name: 'name2', disabled: false},
{name: 'name3', disabled: true},
{name: 'name4', disabled: false},
{name: 'name5', disabled: true}
]
}
ko.applyBindings(vm);