Question

我有一个简单的Ember应用程序，我有一个动态生成的链接列表。每个链接单击一次，我会显示有关所点击项目的一些细节。我还想将“ondblclick”事件添加到链接到。这是可能吗？如果没有，我不再喜欢单击和双击链接。我希望能够保留单击事件已有的功能，并且还添加双击事件（理想情况下，不会同时触发单击事件）。我希望能够存储与它们相关联的双击标题和ID。我尝试使用Ember.View对象（下面已注释掉），我尝试将{{action“collectDoubleClicked”on =“doubleClick”}}添加到链接到，但这不起作用。到目前为止没有运气。任何帮助都感激不尽。这是我的HTML：

<script type="text/x-handlebars" data-template-name="application">
    <div id="headerDiv">
        <ul>
            <li>
               <image src="logo.png" style="width:439px;height:102px;"/>
            </li>
            <li>
                {{#link-to 'home'}}Home{{/link-to}} | {{#link-to 'help'}}Help{{/link-to}}
            </li>
        </ul>
    </div>

    <div class="collections">
        {{partial 'collections'}}
    </div>

    <div class="statistics">
        {{outlet}}
    </div>
</script>

<script type="text/x-handlebars" id="collections">
    <div id='collectionsDiv'>
        {{#each}}
            {{#link-to 'item' this }}   <!-- {{action "collectToSearch" on="doubleClick"}} -->
                {{title}}
            {{/link-to}}
        {{/each}}
    </div>
</script>

我的JavaScript：

App = Ember.Application.create();

App.Router.map(function () {
    this.resource('home', {
        path: '/'
    });
    this.resource('help');
    this.resource('item', {
        path: ':item_id'
    });
});

App.ApplicationRoute = Ember.Route.extend({
    model: function () {
        return items;
    }
});
var items = [{
    id: 1,
    title: 'Item 1',
    contentType: 'Image',
    description: 'description 1'
}, {
    id: 2,
    title: 'Item 2',
    contentType: 'Text',
    description: 'description 2'
}, {
    id: 3,
    title: 'Item 3',
    contentType: 'Undefined',
    description: 'description 3'
}];

App.ApplicationController = Ember.ArrayController.extend({
    actions: {
        collectDoubleClicked

        function () {
            console.log("collectToSearch: ", this.get('model.title'));
        }
    }
});

/**
App.Application = Ember.View.extend({
    itemTitles: [items.length],
    itemIds: [items.length],
    itemCountDoubleClick: 0,

    doubleClick: function (title, id) {
        console.log("double click");
        itemTitles[itemCountDoubleClick] = title;
        itemIds[itemCountDoubleClick] = id;
        itemCountDoubleClick++;
        return false;
    }
});
**/

Answer 1

您可以尝试这样的事情：

{{#link-to 'item' this }}
    <span {{action "doubleClickAction" on="doubleClick"}}>
        {{title}}
    </span>
{{/link-to}}

如果我理解为真，则在链接之前执行span catch事件。但我认为，我们有更多真实的方式

Answer 2

我认为没有办法在不触发singleClick的情况下处理doubleClick。看看这个jsBin。在双击甚至触发之前，单击已经被触发两次。我明白你要做什么，这是有道理的。

Ember - 为＃link-to添加额外的操作

2 个答案: