从Ember.js中的选择框动态更改当前ajax查找查询
Changing current ajax lookup query dynamically from select box in Ember.js
我正在Ember.js中构建一个数据报告应用程序,我有两个选择框(两个组件),它们为当前显示的数据选择日期范围(仅按月份)。
应该发生的情况是,当任一select
框更改时,服务器会收到另一个请求,并且所有数据都会从给定的时间段重新加载。但我不知道如何让Route的model
方法重新运行——我想有效地观察select
上的change
事件?
我试过做这样的事情:
Dashboard.MonthlyReviewRoute = Ember.Route.extend({
query: {},
model: function( params ) {
console.log(params);
var args = { page: 'monthly_review' };
args = Ember.merge(args, {});
return this.store.find('report', args);
},
setupController: function(controller, model) {
controller.set('model', model);
controller.set('report', model.get('content')[0]);
}
});
然后
Dashboard.SelectComponent = Ember.Component.extend({
tagName: 'select',
change: function(e) {
Dashboard.MonthlyReviewRoute.query.value = 5;
}
}
但是我该如何重新加载模型?!
我仍然在思考这个由事件驱动的东西,所以非常感谢任何帮助,如果我没有得到真正基本的东西,请原谅。。!
转换到路由并向其发送id/筛选器。
从您的组件中,您应该发送一个包含必要信息的操作change。从您的控制器/路由,他们应该有一个操作来处理发送的操作。然后,他们可以执行transitionToRoute/transitionTo,并发送路由和用于路由的id/筛选器。
http://emberjs.jsbin.com/utuhAKo/1/edit
相关文章:
- 如何防止多个ajax查询在“;prev“;按钮被点击多次
- 只有选中的复选框才能执行进一步的 ajax 查询
- AJAX查询处于活动状态时禁用窗口大小调整
- 跨域AJAX查询
- 如何从 的 id 获取两个变量并创建 ajax 查询
- 通过使用onblur启动Ajax查询到PHP MySQL DB
- Chrome 不处理 jquery ajax 查询
- 使用 AJAX 查询将 JavaScript 数组传递给 php
- 仅从 ajax 查询获取 JSON
- 如何存储一个对象数组,这些对象是 ajax 查询从 javascript 中的 JSON 中提取数据的结果
- Ajax 查询字符串不起作用
- 405:不允许使用方法(AJAX 查询到 Flask)
- AJAX 查询工作 50+ 次,然后崩溃 JavaScript
- Ajax J 查询 - 在函数中插入 2 次
- 如何将两个值从 AJAX 查询返回到 javascript
- 如何在页面之间保存 AJAX 查询的结果
- jQuery - 将 html 放在数组中用于 ajax 查询
- jQuery 编码 ajax 查询字符串中的空格
- 从 Ajax 查询请求多米诺骨牌中获取相关数据
- Ajax 查询,无需重新连接到数据库