有没有关于如何使用Ember.js实现拖放的示例?我已经尝试使用jQuery UI,但整合似乎有点复杂.
我看过这个jsFiddle:http://jsfiddle.net/oskbor/Wu2cu/1/,但是在我自己的应用程序中没能成功实现.
使用Ember.js进行相当简单的拖放实现有哪些选择?
解决方法
我看了Remy Sharp的
post,并在Ember.js中实现了一个基本的例子,见
http://jsfiddle.net/pangratz666/DYnNH/.
把手:
<script type="text/x-handlebars" > Drag and drop the green and red box onto the blue one ... {{view App.Box class="box green"}} {{view App.Box class="box red"}} {{view App.DropTarget class="box blue"}} </script>
JavaScript的:
DragNDrop = Ember.Namespace.create(); DragNDrop.cancel = function(event) { event.preventDefault(); return false; }; DragNDrop.Dragable = Ember.Mixin.create({ attributeBindings: 'draggable',draggable: 'true',dragStart: function(event) { var dataTransfer = event.originalEvent.dataTransfer; dataTransfer.setData('Text',this.get('elementId')); } }); DragNDrop.Droppable = Ember.Mixin.create({ dragEnter: DragNDrop.cancel,dragOver: DragNDrop.cancel,drop: function(event) { var viewId = event.originalEvent.dataTransfer.getData('Text'); Ember.View.views[viewId].destroy(); event.preventDefault(); return false; } }); App.Box = Ember.View.extend(DragNDrop.Dragable); App.DropTarget = Ember.View.extend(DragNDrop.Droppable);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。