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