Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/ember.js/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ember.js 余烬-为#链接到添加额外操作_Ember.js_Link To - Fatal编程技术网

Ember.js 余烬-为#链接到添加额外操作

Ember.js 余烬-为#链接到添加额外操作,ember.js,link-to,Ember.js,Link To,我有一个简单的余烬应用程序,其中有一个动态生成的链接列表。在每个链接上单击一次,我将显示有关单击项目的一些详细信息。 我还想在链接中添加“ondblclick”事件。这有可能吗?如果不是的话,我就不想单点或双击链接到。 我希望能够保留我已经拥有的用于单击事件的功能,并添加双击事件(理想情况下,同时不触发单击事件)。我希望能够存储双击的标题和与之关联的ID。 我尝试为此使用Ember.View对象(在下面注释掉),并尝试将{{action“collectDoubleClicked”on=“doub

我有一个简单的余烬应用程序,其中有一个动态生成的链接列表。在每个链接上单击一次,我将显示有关单击项目的一些详细信息。 我还想在链接中添加“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>

您可以尝试以下方法:

{{#link-to 'item' this }}
    <span {{action "doubleClickAction" on="doubleClick"}}>
        {{title}}
    </span>
{{/link-to}}
{{{#链接到'item'this}
{{title}}
{{/链接到}
如果我的理解是正确的,请在链接之前跨越捕获事件。
但我认为,我们有更真实的方法

我不认为有一种方法可以在不触发singleClick的情况下处理双击。看看这个。在双击被触发之前,单击已经被触发两次。我明白你想做什么,这是有道理的

谢谢,我已经试过了-链接同时被触发。它需要是一个支持多个操作的元素。也许余烬没有这个功能?您可能想设置
bubbles=false
,以避免链接在单击时处理双击。谢谢您的帮助。我添加了bubble=false链接,并在span上进行了尝试,但我仍然激活了单次单击事件。下面是我在Ember.js网站上发现的关于bubble=false的内容。它说,通过在链接内的按钮上添加bubble=false,可以防止触发操作链接。我在一个按钮、一个按钮和一个div上尝试了它,但它不起作用-点击链接事件在双击被触发之前被触发。他们的文档似乎已关闭。对于同一事件也是如此。bubble=false单击将阻止单击父对象。链接到收听点击。在dblClick上设置bubbles=false,将不会阻止单击(或链接到)。的可能重复
{{#link-to 'item' this }}
    <span {{action "doubleClickAction" on="doubleClick"}}>
        {{title}}
    </span>
{{/link-to}}