Ember.js 如何在余烬中使用鼠标拖动选择元素？

我有这样的模板

<div>
    {{#each model as |item|}}
        {{#view "selection" model=item}}
          <div class="child_div">{{item.name}}</div> 
        {{/view}}
    {{/each}}
</div>

选择视图：

App.SelectionView = Ember.View.extend({
    classNameBindings: ["isActive"],
    isActive: Ember.computed.alias('model.is_active'), // No I18N
    click: function (){
        var self = this; self.get("controller").setEach("is_active", false); // No I18N
        self.toggleProperty("isActive"); // No I18N
    }
});

在这里，我在单击事件中选择该div。我需要在使用鼠标拖动时选择它们

如何使用鼠标拖动选择来实现这一点？请帮我解决这个问题

---

演示：

将

draggable

属性添加到视图中，并使用

dragStart

事件

attributeBindings : [ 'draggable' ],
draggable         : 'true',
dragStart: function(event) {
  var self = this; 
  self.get("controller").setEach("is_active", false); // No I18N
  self.toggleProperty("isActive");
}

---

谢谢您的快速回复。我已经附上了截图，这正是我想要的。看一下屏幕截图，让我知道进一步的方法。哦，我理解你的问题是错误的。最简单的方法是将jQueryUI可选小部件包装到一个组件中并使用它。或者您可能需要对代码进行反向工程来实现它。

attributeBindings : [ 'draggable' ],
draggable         : 'true',
dragStart: function(event) {
  var self = this; 
  self.get("controller").setEach("is_active", false); // No I18N
  self.toggleProperty("isActive");
}