Tag: knockout sortable

Knockout嵌套可排序列表: 我需要构建一个包含两个可以交换的列表的网页。列表中的项目也可以从一个列表交换或移动到另一个列表。我使用knockoutjs和knockoutjs-sortable来实现这一点。 HTML JS var Task = function (name) { this.name = ko.observable(name); } var ViewModel = function () { var self = this; self.tasks1 = ko.observableArray([]); self.tasks2 = ko.observableArray([]); for (var i = 0; i < 5; i++) { self.tasks1.push(new Task("This task belongs to list one")); self.tasks2.push(new Task("This task belongs to list two")); […]

将最后一个选项卡添加到可排序的选项卡列表中: 我正在使用twitter bootstrap，knockout，knockout-sortable和JQuery UI（也是haml，但它对这个问题无关紧要）。我显示如下的选项卡列表。它添加了一个带有按钮的最终选项卡。 %ul.nav.nav-tabs /ko foreach: pages %li %span{ “data-bind” => “text: name()” } / /ko %li %button.btn %i.icon-plus 我正在尝试使标签排序（通过拖动），但我遇到按钮问题： %ul.nav.nav-tabs{ “data-bind” => “sortable: pages” } %li %span{ “data-bind” => “text: name()” } /%li / %button.btn / %i.icon-plus 我不能使用/ko sortable: pages因为它不起作用（ The binding ‘sortable’ cannot be used with virtual elements ）。如何实现具有可排序性的相同效果（最后一个标签是按钮）？但是无法移动最终的选项卡/按钮。 […]

使用Knockout.js控制Flash插件，冲突jQuery.tmpl和Knockout-Sortable: 我正在尝试使用Knockout.js的本机模板function来呈现HTML以嵌入Flash对象。 jQuery.tmpl完美地完成了这项工作，但由于与Knockout-sortable插件冲突，我无法使用它。以下是使用本机模板进行怪癖的flash插件示例： http ： //jsfiddle.net/7y3ub/35/ 在Chrome中，玩家永远不会出现。在Firefox中，如果在选中复选框时更改频道，则播放器将显示。然而，重新检查该框会让玩家再次消失。 ‘if’绑定是必要的，因为在页面持续时间内可能存在许多flash插件加载和卸载的实例。据我所知，当object / embed标签进入可见DOM时，HTML需要全部到位。这就是jQuery.tmpl在我的情况下会很棒的原因。我自己尝试形成HTML字符串，但我不知道如何应用和维护新标记包含的绑定。最重要的是，我要么需要一种方法来立即呈现HTML，同时仍然支持绑定，或者找到一种方法使jQuery.tmpl和Knockout-sortable相互兼容。这是一个不兼容的例子： http ： //jsfiddle.net/7y3ub/41/ 如果您只是引用jQuery.tmpl，那么该示例中的代码将完美地运行。 http://jsfiddle.net/7y3ub/42/ 控制台中的错误消息似乎暗示上下文未正确调整，或者隐含的foreach未执行。在这个调整中，消息变得更加不寻常，其中SubItem对象被简单的字符串替换： http ： //jsfiddle.net/7y3ub/43/