获取 ember 中的操作目标元素

2023-12-01

如何获取触发单击事件的目标元素的对象。例如,如果我有一个类似的模板:

<table>
<tr>
    <th {{action "someAction"}} >Type</th>
</tr>
</table>

在我的控制器中,我定义了相应的操作,如下所示:

action:{
    someAction : function(){
        //get the th element object 
    }
}

似乎事件对象没有传递,因为我已经尝试过

action:{
    someAction : function(event){
        //event is undefined!
    }
}

更新 : 谢谢马尔西奥和杰里米。我现在有了一个可行的解决方案。 我的模板如下所示:

<thead>
        {{#view AS.MyView sortBy="value"}}Value{{/view}}
</thead>

我的观点如下:

AS.MyView = Ember.View.extend({
attributeBindings: ['sortBy'],
classNames: ['sortable'],
tagName: 'th',
click: function(evt) {
    var target = evt.target, self = this;
    this.get('controller').send('setSort',$(target).attr('sortBy'));

    $(target).parent().find('th').removeClass('desc').removeClass('asc');
    $(target).addClass(self.get('controller.sortAscending')?'asc':'desc');
}
});

classNameBinding对于这个用例来说是一个很好的选择。

仅供参考,如果您需要处理低级浏览器事件,您可以在View layer.

http://emberjs.com/guides/views/handling-events/

{{#view App.ClickableView}}
This is a clickable area!
{{/view}}

App.ClickableView = Ember.View.extend({
  click: function(evt) {
    alert("ClickableView was clicked!");
  }
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

获取 ember 中的操作目标元素 的相关文章

随机推荐

  • 如何在ASP.NET Core 1.0 RC2项目中使用PCL

    我想使用带有目标的简单 POCO 仅无其他依赖项 PCL Xamarin Android 通用Windows 10 ASP NET 核心 1 0 在 ASP NET Core 1 0 RC2 项目中 全部在同一解决方案中 我已将此导入添加到
  • IDisposable.Dispose 在 using 块中发生异常后永远不会被调用

    我从很多来源了解到this and this那Dispose的方法IDisposable如果在 a 中抛出异常 则始终会被调用Using堵塞 那么我有这个代码 static class MainEntryPoint static void
  • 打开lucene索引时出错:Map failed

    我尝试使用 1 2 3 4 GB 内存启动该进程 但仍然出现相同的错误 有小费吗 gc 日志显示它正在运行 GC 即使它有足够的内存 但这个错误可能与使用 NIO 的内存映射文件有关 有人见过这样的事情吗 如果是这样 你是如何解决的 jav
  • 如何修复 Qt 5.6 beta 和 VS2015 的 QT VS Add-in?

    我没有自己编译 Qt 而是使用 Qt 官方网站的安装程序 5 6 beta 几天前就可用了 安装成功 Qt 文件夹包含 bin 文件夹 其中包含 qmake 和所有内容 在 Qt Creator 中构建应用程序是可行的 但是 当我尝试使用
  • 如何在 PyTorch 中使用 2 张图像作为训练样本?

    I just begin learning deep learning and my first homework is to finish an leaves classification system based on convolut
  • 如何在一个活动中使用java类?

    如何在一个活动中使用 Java 类 我的意思是将该活动的不同组件分布在一堆 Java 类中 我对 Android 有点陌生 这是我迄今为止尝试过的 MainActivity java package com example alex mya
  • 使用图形 API 发布到 Facebook 用户的留言墙上

    我是 facebook 应用程序开发的新手 我正在尝试使用以下命令在用户墙上发布简单的文本但这似乎不起作用 有什么想法我可能会出错吗 检查您是否有权从应用程序发帖 将 app id 添加到您的通话中
  • 记住带有 localstorage onclick 的复选框

    我正在尝试为 Chrome 扩展程序创建一个选项页面 第一部分将值设置到本地存储中 检查 true 并取消选中 false 如果用户在其他时间回来 第二部分应该更新复选框 并且设置将应用于该复选框 我的问题是 当用户刷新或关闭窗口并返回时
  • Resharper string.format 快捷方式

    我经常发现自己在写作 var message Hello 0 然后返回并输入 var message string Format Hello 0 world 如果当我输入字符串时 当我将 放在末尾时 resharper 发现字符串中有一个参
  • 如何在android中按下后退时关闭我的应用程序

    我想在按下设备的后退按钮时进入主屏幕 我正在使用此代码 public void onBackPressed this finish return 按BACK键将有效调用finish 为你 无需捕获 BACK 键 我假设您的问题是 当您按 B
  • android相机导致空指针异常

    我的应用程序在尝试使用相机拍照时出现空指针异常 我的应用程序这样调用相机 go to camera app Intent intent new Intent android media action IMAGE CAPTURE intent
  • 从retrofit2获取字符串响应体

    我正在使用 Retrofit1 旧样式 GET loginUser public Call
  • 跟随手指的旋转动画,遵循圆的外部路径的 uibuttons

    我正在寻找一些指导来开始弄清楚跟踪手指运动并沿着圆的外部路径移动 UIButton 集合的动画 我想象它会有一种左轮手枪的感觉 就像每个都在底部锁定到位一样 或者像滑动其中一个幻灯片插件一样 提前致谢 示例代码在GitHub 其实并不是那么
  • Google 语音短信意图

    现在我正在尝试使用填充的号码创建短信意图 Intent sendIntent new Intent Intent ACTION VIEW sendIntent setFlags Intent FLAG ACTIVITY NEW TASK s
  • 改变方向时闪光灯关闭

    我创建了一个 Android 应用程序 它允许用户通过按下按钮来打开和关闭闪光灯 如果用户打开闪光灯并改变方向 灯就会关闭 为什么会发生这种情况 请参阅下面我使用的代码 cam Camera open final Parameters p
  • VimTutor 方向键 v/s hjkl

    VimTutor 在第一课中说道 注意 光标键也应该起作用 但是使用 hjkl 你会 能够 一旦习惯了 移动速度就会更快 真的吗 然而 我发现它们之间没有任何区别 使用 hjkl 和箭头键之间真的有区别吗 使用 hjkl 时 您不必将手从触
  • springSecurityFilterChain 空指针异常

    当我尝试运行项目时 Tomcat 返回异常 有人可以帮助解决这个问题吗 配置类 https github com intrade inventory blob master src main java com springapp mvc I
  • 通过单击没有输入字段的图像来打开 JQuery Datepicker

    我想在用户单击图像时打开 JQuery Datepicker 没有随后出现所选日期的输入字段 我将通过 Ajax 将输入的日期保存到服务器 目前我有这个代码 img src someimage gif document ready func
  • 我应该为 User 类的唯一实例使用哪种模式?

    我有这个用户类 class User private logged false private id public function User gt Check if the user is logged in with a cookie
  • 获取 ember 中的操作目标元素

    如何获取触发单击事件的目标元素的对象 例如 如果我有一个类似的模板 table tr th Type th tr table 在我的控制器中 我定义了相应的操作 如下所示 action someAction function get the