jQuery UI(1.8+)正在形成一个很棒的库,但我发现它通常对我来说太过分了.是否有替代库用于创建具有较小占用空间的可排序列表?
排除占位符和交叉列表排序等功能是可以接受的.
编辑:(
这已成为一个有趣的讨论,感谢所有的回复.)
似乎有一些用户不知道jQuery UI可排序是什么.这不是表格排序,而是列表排列.想想重新订购Netflix队列.请参阅此处的演示:http://jqueryui.com/demos/sortable/
我需要"可排序的拖放"功能,我正在使用jQuery.我不能真正使用jQuery UI,因为对于这个项目来说,这将是一个开销(我需要添加许多KB的JS和CSS才能使用一小部分功能).
是否有任何你可以推荐的插件,或者是一个简单的实现路径,我可以遵循?
解决方案必须尽可能轻量级,最好基于jQuery/Sizzle或纯JavaScript.
我正在建立一个angularjs/firebase应用程序unsing angularfire绑定(v0.5.0).
我有一个项目列表,显示在一个表格ng-repeat中<tr>,如下所示:
<table>
<tbody>
<tr ng-repeat="(index, item) in items">
<td>
<input type="checkbox" ng-model="item.done">
</td>
<td>
<input type="text" ng-model="item.text" ng-focus="onItemFocus(index)" ng-blur="onItemBlur(index)">
</td>
<td>
<button type="button" ng-click="remove(index)">×</button>
</td>
</tr>
</tbody>
</table>
Run Code Online (Sandbox Code Playgroud)
并且在这个项目列表上有一个angularfire 3路数据绑定,如:
$scope.ref = new Firebase('...');
$scope.remote = $firebase($scope.ref);
$scope.remote.$child("items").$bind($scope, "items");
Run Code Online (Sandbox Code Playgroud)
这一切都很好,但现在我正在尝试添加拖放重新排序项目的可能性.
我设法使用jquery-ui(基本上是调用$("tbody").sortable())来设置拖放UI ,但我的问题是将它绑定到角度模型.有一个数量 的 问题就在于(与大jsfiddles),但在我的情况下angularfire 3双向绑定似乎搞乱它.
我想我需要在angularfire中使用firebase 优先级,orderByPriority并且可能在其中一个sortable回调中处理它,但是我很难弄清楚我应该怎么做...并且找不到任何关于它的文档.
有没有人做过类似的事情,你能否分享一些如何设置它的指针?