Ember JS从日期选择器中选择日期时,更改按钮组件的颜色和标题

时间:2017-12-16 06:13:56

标签: ember.js web-applications

我有一个网络应用程序,其中有两个组件 - 日期选择器和按钮。

当我从日期选择器中选择日期时,按钮的标题和颜色应该会改变。

这是我的hbs代码,其中给出了两个组件:

{{bootstrap-datepicker value=expiresAt todayHighlight=true todayBtn=true startDate=startDate changeDate="changeDateAction" autoclose=true}}
{{button-custom title="Previous Date" startDate=startDate status=1 id="button1"}}

按钮自定义由我创建。

当我选择日期时,将调用名为changeDateAction()的datepicker中的函数。我在按钮组件的控制器中有一个函数,名为changeValues(),调用后它将执行我的任务。

如何从另一个文件中的changeDateAction()调用changeValues()(在button-custom.js中)?

请尽可能简单,因为我是Ember JS的初学者。提前谢谢。

1 个答案:

答案 0 :(得分:0)

您似乎想要通知组件(bootstrap-datepicker)有关兄弟组件(changeDateAction)的更改。您已经设置了一个操作处理程序(button-custom),通知父组件/控制器有关更改。为了将该更改传播到{{bootstrap-datepicker changeDate="changeDateAction" (...)}} {{button-custom title=title color=color (...)}} ,我建议您只是通过效果,以便达到目标:

title

像这样,您可以通过修改colorlinktofile.com/?link=https://www.awin1.com/cread.php?s=2079804&v=10954&q=326996&r=456987从外部控制按钮的外观。像那样,逻辑被移动到父组件/控制器,按钮组件变成了一个“笨蛋”。表现部分。

这背后的基本概念被称为"数据下降,动作上升" (DDAU),我强烈建议您阅读(例如here,如果您正在学习Ember!