Ember.js隐藏带有按钮的分隔符,但保留didInsertElement功能
Ember.js hiding a divider with buttons, but maintaining didInsertElement functionality
我正在尝试显示和隐藏Ember.js
中的一些按钮,如下所示。
{{#view App.myView contentBinding="App.myObject"}
<div id="my_widget" class="well span3">
{{#if content.isConditionTrue}}
<button id="stop_button" class="btn btn-primary"> Stop </button>
<button id="start_button" class="btn btn-primary" > Start </button>
<button id="record_button" class="btn btn-primary">Record </button>
</div>
{{else}}
<div id="widget_warning_box" class="well">
<p> No cameras are open, open a camera in Add/Remove Cameras tab. </p>
</div>
{{/if}}
</div>
{{/view}}
视图如下所示:
App.myView = Ember.View.Extend({
didInsertElement: function() {
$record = $("#record_button")
$start = $("#start_button")
$stop = $("#stop_button")
$record.click(function(){
console.log("record clicked")
});
$start.click(function(){
console.log("start clicked")
});
});
而 myObject 控制器是
App.myObject = Ember.Object.create({
isConditionTrue : false;
});
这种工作(如果false
按钮myObject.isConditionTrue
则由文本替换,并在true
isCondionTrue
时出现),但是当按钮显示时,它们在单击时没有任何功能。我猜这是因为当调用didInsertElement时它们不在DOM中。那么,有没有办法解决这个问题?我应该进行子视图/家长视图设置吗?任何指示赞赏。
好吧,我绝对不是那个可以说出什么是正确方法的人,因为我也只是在学习余烬,但这是我在小提琴上的工作方法
http://jsfiddle.net/drulia/zkPQt/
基本上每次你myObject.isConditionTrue
切换到false
时,余烬都会从 DOM 中删除你的按钮,这就是你的 jQuery 选择器停止工作的原因。我附加了 ember js {{action}} 助手并放置了响应 myObject 中事件的函数,现在按钮正在工作并在屏幕上显示操作结果。
相关文章:
- 分派点击事件并保留击键修饰符
- 如何使用jquery强制一个单词更改大小写等以保留品牌
- 提交后保留下拉选择的值
- 刷新后保留对网页的更改
- 在mvc应用程序中,在回发时保留最初隐藏的文本框的隐藏或可见状态
- Flash Uploadify在调用我的MVC控制器时没有保留会话/授权
- 当设置addFromAutocompleteOnly时,剩余文本将保留在输入字段中
- 使用递归属性迭代保留属性结构
- Jquery html() 和保留元素名称
- 如何将字符串拆分为字符,但在javascript中保留空格
- 离开页面导航后保留文本区域内容
- 如何在使用JavaScript或jQuery刷新父页面后保留iframe-src
- Javascript和RegEx:拆分并保留分隔符
- 如何生成保留标点符号的简单字谜
- 如何设置类型化对象的属性,同时保留它's类型
- 关闭谷歌地图中推荐的骑行道路,但保留专用自行车道
- 在IndexedDB中保留空间
- 如何使网络应用程序保留信息
- 调试器;[错误]194:11:标识符是一个保留字
- 保留“;这个“;在一个变量中;这个“;使用此变量