Knockout.js 嵌套可排序绑定

2024-01-29

我正在使用 knockout.js 可排序插件;然而,我遇到了一个至今无法解决的问题。我有两个可排序的绑定,一个用于存储桶,另一个用于存储桶项目。我能够在存储桶之间重新排序存储桶项目;但是,我无法重新排序存储桶。你知道为什么会这样吗?我也使用嵌套绑定,但据我所知,这并不是导致问题的原因。

我将非常感谢您提供的任何见解。


我不知道你的确切结构,但你可以使用connectClass控制连接哪些可排序列表的选项。例如,如果您这样做:

<ul data-bind="sortable: { data: buckets, connectClass: 'buckets' }">
    <li>
        <span data-bind="text: name"></span>
        <ul data-bind="sortable: { data: items, connectClass: 'items' }">
            <li data-bind="text: name"></li>
        </ul>
    </li>
</ul>

您只能在桶中放置一个桶,在项目中放置一个项目。该插件会自动将类添加到父元素中。

这是一个示例:http://jsfiddle.net/rniemeyer/YaLgL/ http://jsfiddle.net/rniemeyer/YaLgL/

如果您不希望能够在存储桶之间对项目进行排序,那么您可以应用唯一的connectClass给每一个喜欢的人:

http://jsfiddle.net/rniemeyer/czNe8/ http://jsfiddle.net/rniemeyer/czNe8/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Knockout.js 嵌套可排序绑定 的相关文章

  • Twitter bootstrap 3 Modal 带淘汰赛

    我正在尝试将 twitter bootstrap 模式与淘汰赛完全绑定 通过完全绑定 我的意思是我希望与模式对话框的每一次密切交互都能与淘汰赛一起使用 我见过一些问题 https stackoverflow com q 18370489 1
  • Knockout 无法处理绑定

    当文本未定义时如何绑定文本 例如名称不可用 table class table thead tr th class col md 4 ID th th class col md 4 Name th tr thead tbody tr td
  • ko.mapping 创建函数,扩展对象

    是否可以在映射过程中修改对象的模式 由于缺乏更好的术语 我想是的 我似乎无法让它发挥作用 我正在尝试这样的事情 var data itemOne someData itemTwo moreData var mapping newItem c
  • Knockout.js 与多个 Select2 绑定

    我的问题是 当我将 Select2 与 Multiple 和 Knockout 视图模型绑定时 选择其中一个选项后 第二次数据丢失 淘汰码 window load function ko bindingHandlers select2 in
  • 简单的演示项目 Webpack KO(带有组件) javascript

    我想用 javascript 淘汰组件构建 SPA 经过大量阅读和摆弄之后 我似乎仍然无法使用 webpack 获得一个可用的 javascript 无打字稿 淘汰 带组件 项目 我发现了一些简单的淘汰项目 但无法让它们与 webpack
  • 我可以对每个对象属性执行 jquery-tmpl 吗

    模板 each 指令非常适合迭代数组 如下所示 var myArray a b c 我想知道是否有等效的对象属性迭代 即 var myObj propOne a propTwo b propThree c 我想要一个可以让我输出的模板 ul
  • 淘汰赛和 jQuery 自动完成

    淘汰值绑定不适用于 jquery 自动完成 如何让它发挥作用 我有一个模板
  • Kendo-Knockout:如何使窗口居中

    我正在使用 RPNiemeyer 的剑道淘汰库 我有一个剑道窗口 我在 html 中使用它 div div 我曾经这样将对话框居中 productionStates data kendoWindow center But as center
  • ko.utils.arrayFirst 在不处理非空字符串的 else 块时始终返回 null

    这可以正确工作 self getById function id return ko utils arrayFirst self PostArray function item if item postId id return item e
  • 如果依赖项位于 false 分支语句内,则计算将永远停止触发

    我遇到一个问题 即我的计算可观察量在一系列依赖项更改后停止触发 最后我发现了一点 如果在最近一次评估期间依赖项位于错误分支语句内 则下次将不会触发计算即使在评估完成之前条件变为真 这是一个示例 https jsfiddle net sgs2
  • Knockoutjs 当父级可观察到的更改时更新子级

    当使用 KnockoutJs 父可观察更改时 如何触发子元素的更新 在我的应用程序中 我正在构建一个翻译工具 我有一个淘汰赛类 表示某些文本的原始 默认 值 以及翻译后的子项的集合 function ParentObject id defa
  • $root 和 $parent 有什么区别?

    我正在学习 KnockoutJS 但我不明白两者之间的区别 root and parent用法 请参见这个jsfiddle http jsfiddle net supercool 2gt4K 27 或下面的代码 div data Value
  • Knockout无法识别手动点击

    这是样本http jsfiddle net HhXGH 57 http jsfiddle net HhXGH 57 我正在通过 jquery 单击单选按钮 但 knockout js 无法识别它 它仍然显示第一个单击的值 p Send me
  • KnockoutJS - 打印迭代索引作为输入名称

    我正在尝试结合 Spring MVC 创建我的第一个 KnockoutJS 表单视图 ModelAttribute捆绑 数据通过 Ajax 加载并使用 KnockoutJS 填充 通过 KnockoutJS 添加数据 通过 Ajax 和 K
  • 两个相互依赖的字段的淘汰验证

    考虑下面的代码 var MyObjectModel function myObject var self this self myNumber1 ko observable myObject number1 trimmed self myN
  • 如何检查淘汰赛中的包含

    我正在使用淘汰赛 我有一个 html 页面 我想在其中检查具有某些值的字符串 就像我有一个字符串 A B C D F G H I 一样 我只想用剔除 if 检查 html 中的这个字符串 模型 var viewModel function
  • 如何从 Knockoutjs toJS() 中排除某些属性

    我有以下模型 var model A One B Two C Three 我将各种 UI 元素绑定到这些字段 效果很好 不过 我将模型转换回 JavaScript 对象 以便可以将任何更改保存到服务器 var goingToServer k
  • 如何将复选框绑定到值的倒数?

    我有一个情况 当我需要将一个复选框和另一个 DOM 元素的可见性绑定到我的 viewModel 的布尔属性的逆时
  • 淘汰赛“闪烁”问题

    我正在使用 KO 构建 SPA 单页应用程序 该应用程序看起来像一本书 用户可以翻页 问题是 每次加载页面时 都会有一小段时间页面 闪烁 用户会看到页面的无样式版本 我猜这是因为很多样式都依赖于 ko 绑定 所以在 ko 完成它 神奇 之前
  • 数组的淘汰赛数组

    传入的数据是这样的 1 2 3 4 5 6 有时是这样的 1 2 4 5 这是 HTML

随机推荐

  • 是否可以将项目从 Enum 加载到 .NET 3.5 中的 ComboBox?

    是否可以将项目从 Enum 加载到 NET 3 5 中的 ComboBox Yes combobox DataSource Enum GetValues typeof SomeEnum
  • 如何从 jQuery 函数获取有用的堆栈跟踪?

    假设我有一个名为 myfile js 的文件 在 myfile js 内部我有以下代码 document on my custom event function e my custom function e alert undefined
  • 多个用户控件共享集合依赖属性

    我已经实现了自己的基于列表框的用户控件 它具有集合类型的依赖属性 当我在窗口中只有一个用户控件实例时 它工作得很好 但如果我有多个实例 我会遇到它们共享集合依赖属性的问题 下面是一个示例来说明这一点 我的用户控件称为 SimpleList
  • 从 std::string 对象到 char* 的显式转换,而不使用任何 std::string 成员函数

    这道题并不是什么问题 更多的是一个深入理解内存布局的问题std string 我做了一些实验并意识到可以显式转换std string to char 并成功检索存储在 a 中的 字符串 std string目的 问题是 当一个起始地址std
  • 当用户拖动鼠标时监听 JFrame 调整大小事件?

    当用户单击 JFrame 的一角来调整大小并拖动鼠标时 JFrame 将根据用户拖动时鼠标的当前位置重新绘制 您如何收听这些事件 以下是我目前尝试过的 public final class TestFrame extends JFrame
  • 使用 jQuery 提取 XML 中的 CDATA 以用作 HTML 内容

    我正在检索 Google Earth kml xml 文件并使用该内容在 Google 地图中放置标记 我感兴趣的特定 XML 标签如下所示
  • 量角器测试未在 Firefox 上启动

    我有一组在 chrome 上运行良好的测试 但是当我将功能 browserName 从 chrome 更改为 firefox 时 甚至没有收到错误信息 Before capabilities browserName chrome chrom
  • 位置服务 onProviderEnabled 从未被调用

    我有一项可以在我的应用程序中更新位置的服务 当我在禁用 GPS 的情况下启动应用程序 返回 Android 菜单并启用 GPS 最后返回我的应用程序 服务尚未被销毁 时 永远不会调用 onProviderEnabled 有人可以帮忙吗 UP
  • 空列表布尔值

    这可能很愚蠢 但对我来说有点令人困惑 In 697 l In 698 bool l Out 698 False In 699 l True Out 699 False In 700 l False Out 700 False In 701
  • 为什么 CORS 默认禁用?

    好吧 首先 我绝对知道我们对此有很多答案 并且有大量关于该主题的文章 在输入以下内容之前 我刚刚阅读了这些答案 为什么没有凭据的 CORS 被禁止 https stackoverflow com questions 26306080 why
  • Zurb Foundation 5 - 行填充/边距

    我正在尝试为我的行创建背景颜色 但是当我设置背景颜色时 它会扩展到列的常规宽度 然后我尝试使用填充来缩小行 这有效 但使列更小 我需要以某种方式删除粉红色区域 仅保留红色背景 并保持列均匀 有任何想法吗 div class row styl
  • Apache Bench 和 POST 数据

    我正在尝试使用 apache bench 在我的 Rails 应用程序中加载测试创建操作 但 ab 似乎没有发送 POST 数据 尽管它确实正确提交了 POST 而不是 GET 请求 这是我运行的命令 ab n 1 p post v 4 h
  • 如何通过 Meteor.call() 访问服务器端变量?

    我认为在 Meteor 中定义服务器端类来存储有关系统的信息是明智的做法 该信息应由选定的用户访问 它不存储在 MongoDB 中 所以据我了解 订阅和发布不是一个选项 这是我的简化方法 if Meteor isServer serverV
  • 如何检查Paramiko是否成功将文件上传到SFTP服务器?

    我使用 Paramiko 将文件放入 SFTP 服务器 import paramiko transport paramiko Transport host port transport connect username username p
  • 禁用 HTML 中的 GIF 动画

    在 HTML 中 有没有办法在 标签中包含动画 GIF 但自动告诉 GIF 不要动画 我意识到用户可以通过按 ESC 或单击 停止 来停止动画 但我希望 GIF 根本不动画 我只想在一个特定页面上执行此操作 并且制作 1500 GIF 的单
  • Xcode 4.3.3 iPhone 5.1 模拟器经常挂起

    我最近一直在四处寻找是否有人遇到类似的问题 但找不到太多信息 大多数时候在模拟器中启动应用程序效果很好 但是模拟器每天都会挂起一两次 我必须强制退出它 XCode 说 在模拟器上运行 xyz 当您尝试在 XCode 中 停止 时 什么也不会
  • ng-bootstrap crash:如何应用动画?

    我正在使用折叠 https ng bootstrap github io components collapse https ng bootstrap github io components collapse 然而 它并没有动画 即使不在
  • Laravel sql server 更改架构的表名称

    我正在开发一个项目 我试图在 SQL Server 数据库上设置一些具有架构的表 因此我手动将表名称更改为迁移文件上的 schema name table name 并且它起作用了 所以这里是例子 Schema create elector
  • 如何在 Django Rest Framework 中过滤具有权限的用户相关记录

    我需要知道如何限制对经过身份验证的用户的访问 以便可以为以管理员身份登录的用户完整列出用户记录 而对于以用户身份登录的用户 只能列出 更新和创建他们的记录 目前我正在使用serializers ModelSerializer viewset
  • Knockout.js 嵌套可排序绑定

    我正在使用 knockout js 可排序插件 然而 我遇到了一个至今无法解决的问题 我有两个可排序的绑定 一个用于存储桶 另一个用于存储桶项目 我能够在存储桶之间重新排序存储桶项目 但是 我无法重新排序存储桶 你知道为什么会这样吗 我也使