Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Knockout.js 为什么剑道能打破我的淘汰赛?_Knockout.js_Kendo Ui - Fatal编程技术网

Knockout.js 为什么剑道能打破我的淘汰赛?

Knockout.js 为什么剑道能打破我的淘汰赛?,knockout.js,kendo-ui,Knockout.js,Kendo Ui,我正在尝试使用淘汰视图模型管理项目列表。用户需要能够更改项目的顺序,因此我使用剑道可排序小部件来提供此功能。我还使用了一个淘汰选择来允许用户选择每个项目的类型。当我将可排序功能添加到列表中时,select停止工作 这把小提琴说明了这个问题: 功能项i{ var self=这个; self.Type=ko.observeei.Type | 0; self.Name=ko.observeei.Name | |新项; } 函数itemTypeit{ var self=这个; self.TypeId

我正在尝试使用淘汰视图模型管理项目列表。用户需要能够更改项目的顺序,因此我使用剑道可排序小部件来提供此功能。我还使用了一个淘汰选择来允许用户选择每个项目的类型。当我将可排序功能添加到列表中时,select停止工作

这把小提琴说明了这个问题:

功能项i{ var self=这个; self.Type=ko.observeei.Type | 0; self.Name=ko.observeei.Name | |新项; } 函数itemTypeit{ var self=这个; self.TypeId=ko.observeeit.TypeId | | 0; self.TypeName=ko.observeit.TypeName | |; } 函数项视图模型{ var self=这个; self.items=ko.observearray[]; self.itemTypes=ko.observearray[]; } var模型=新的ItemViewModel; model.items.pushnew项目{ 类型:1, 名称:项目1 }; model.items.pushnew项目{ 类型:2, 名称:项目2 }; model.items.pushnew项目{ 类型:1, 名称:项目3 }; model.itemTypes.pushnew itemType{ 类型ID:1, 类型名称:A型 }; model.itemTypes.pushnew itemType{ 类型ID:2, 类型名称:B型 }; ko.applyBindingsmodel; $binding-sample-sortable.kendoSortable{ 处理程序:。处理程序, 忽略:输入, 轴:y, 光标:移动, 占位符:functionelement{ return element.clone.css{ 不透明度:0.3, 边框:1px 000000 }; }, 提示:函数E{ return$+e.html+; } }; 结合样品{ 宽度:500px; 保证金:5px; 填充物:5px; 边框:1px纯黑; } 绑定样本可排序{ 宽度:500px; 保证金:5px; 填充物:5px; 边框:1px纯黑; } 汉德勒先生{ 显示:内联块; 宽度:30px; 高度:30px; 右边距:10px; 边界半径:3px 0 3px; 背景:url'../content/web/sortable/handle.png'不重复50%50%ccc; }
我真傻。我不得不将select添加到sortable的ignore属性中

功能项i{ var self=这个; self.Type=ko.observeei.Type | 0; self.Name=ko.observeei.Name | |新项; } 函数itemTypeit{ var self=这个; self.TypeId=ko.observeeit.TypeId | | 0; self.TypeName=ko.observeit.TypeName | |; } 函数项视图模型{ var self=这个; self.items=ko.observearray[]; self.itemTypes=ko.observearray[]; } var模型=新的ItemViewModel; model.items.pushnew项目{ 类型:1, 名称:项目1 }; model.items.pushnew项目{ 类型:2, 名称:项目2 }; model.items.pushnew项目{ 类型:1, 名称:项目3 }; model.itemTypes.pushnew itemType{ 类型ID:1, 类型名称:A型 }; model.itemTypes.pushnew itemType{ 类型ID:2, 类型名称:B型 }; ko.applyBindingsmodel; $binding-sample-sortable.kendoSortable{ 处理程序:。处理程序, 忽略:选择, 轴:y, 光标:移动, 占位符:functionelement{ return element.clone.css{ 不透明度:0.3, 边框:1px 000000 }; }, 提示:函数E{ return$+e.html+; } }; 结合样品{ 宽度:500px; 保证金:5px; 填充物:5px; 边框:1px纯黑; } 绑定样本可排序{ 宽度:500px; 保证金:5px; 填充物:5px; 边框:1px纯黑; } 汉德勒先生{ 显示:内联块; 宽度:30px; 高度:30px; 右边距:10px; 边界半径:3px 0 3px; 背景:url'../content/web/sortable/handle.png'不重复50%50%ccc; }