繁体   English   中英

jQuery UI的可排序和backbone.js

jQuery UI's sortable and backbone.js

提示:本站收集StackOverFlow近2千万问答,支持中英文搜索,鼠标放在语句上弹窗显示对应的参考中文或英文, 本站还提供   中文繁体   英文版本   中英对照 版本,有任何建议请联系yoyou2525@163.com。

我有一个我一直在研究的backbone.js项目,我设置它以便我可以拖放行(这是backbone.js模型)并且在jQuery UI 更新事件的帮助下我能够使我的模特重新计算他​​们的订单,一切都很好。 我想知道是否有新人更清洁地实现这一目标。 我在下面提供了一些代码。

$( ".section" ).sortable({items: 'tr', update: function()
{
    console.log("Event Fire!");
    secv.mySort();
}});

secv是我的视图,用于保存表格的模型。 mySort函数通过并计算元素的顺序并进行必要的更新。

1 个回复

我假设您正在查看或者在initialize方法中设置集合属性。 在同一方法中,您应该将视图方法绑定到集合的“更改”或“刷新”事件。 这种方法只需重绘已排序的集合; 如有必要,在此之前对集合进行排序。

从理论上讲,您的模型可能会使用其新位置进行更新,如果集合具有比较器功能,则集合将自动求助。 如果是这种情况,绑定到集合的'refresh'事件将触发上述方法,该方法仅需要重新呈现视图的集合部分。

1 Backbone.js和jQuery

据说Backbone处理所有更高级别的抽象,而jQuery或类似的库使用DOM,规范化事件等等。 有人可以用任何简单的实际例子来帮助我理解这个陈述。 像Backbone,Knockout这样的MVC框架的一个重要特性是它保持模型(数据)和视图同步。 但这似乎是在页面级别而不是整个应 ...

2 按属性排序Backbone.js

我正在尝试对集合进行排序,然后使用已排序的集合更新视图。 我正在尝试按已完成或未完成的任务对待办事项列表进行排序。 在我的集合视图中,我有以下方法: 我的问题是,我不知道如何请求使用sort_done方法返回的值来呈现视图,而且我也不想丢失原始集合中包含的任何信息。 ...

3 排序集合Backbone.js

我正在尝试学习Backbone.js并且在排序方面遇到了一些问题。 我的模型是一首歌,它具有“标题”,“分钟”,“秒”和“顺序”属性。 现在,我只是将每首歌曲添加到我的视图中,将它们作为列表元素添加到无序列表中。 我的功能看起来像这样: 它们也会在追加之前添加到集合中。 ...

4 jQuery模板和Backbone.js

我正在尝试创建一个使用jQuery模板和Backbone.js组合的应用程序 我对这两者的经验都很少(尽管我知道jQuery) 您能否提供一些有效使用jQuery模板和Backbone.js的良好示例。 另外,我还在寻找将JSON用于模型/数据并尝试保留数据(我在后端使用Java) ...

5 在backbone.js中进行多次排序

在骨干中排序它工作正常。 但我想排序多个字段,现在通过单击排序标题动态传递排序参数。 我有5个标题(id,desc,类型,类别,层次结构)。 当我单击任何标题时,它按升序排序,然后单击降序排序,但问题是只按一个属性排序我希望多个属性传递给集合并维护先前的排序顺序并再次排序直到数据是相对的。 ...

8 使用Backbone.js反向排序

使用Backbone.js,我可以使用比较器功能来设置集合。 很好地对模型进行了排序,但是我想颠倒顺序。 如何对模型进行降序排序而不是升序排序? ...

9 如何将jquery-ui应用于Backbone.js视图?

我是Backbone.js的新手。 我已经为页面上已存在的按钮创建了一个视图。 我在初始化视图时将jquery-ui应用于按钮: 这种方法有效,但我想知道是否有一个更简单的选择器我可以使用而不是$(this.el.selector) ? 起初我以为我可以做el.button(); ...

10 Backbone.js和jQuery-UI的自定义Widget不能和平相处吗?

我正在寻找一种方法来使用jQuery的自定义小部件(用于封装我的UI组件以及内部状态和旨在用于外部DOM的自定义事件),以及我项目中精彩的“Backbone.js”框架。 我立即偶然发现的一个主要问题是,如果我将事件处理程序绑定到我的Widget的根元素(为了控制Widget的INTERNAL ...

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2022 STACKOOM.COM