javascript – Meteor会话对象无法正常工作
作者:互联网
我有两页,fila.js和retirada.js.
fila.js包含一个名为atualizarChamadas的函数,我将其导出到retirada.js.
当我从fila.js调用函数时它工作正常,但是当我在retirada.js中调用它时,会话对象或被动变量在助手中不起作用.
我在fila.js中的函数:
export default function atualizarChamadas() {
let chamadas = Chamadas.find({medico: 1},{sort: {data_inicio: -1}}).fetch();
//Session.set("chamadas", chamadas);
ChamadasReactive.set(chamadas);
}
我的模板助手
Template.fila.helpers({
chamadasAtendimento: function() {
//return Session.get("chamadas");
return ChamadasReactive.get().filter((el)=>{
return el.status == 'A';
}).slice(0,11);
}
});
Template.fila.helpers({
chamadasEspera: function() {
//return Session.get("chamadas");
return ChamadasReactive.get().filter((el)=>{
return el.status == 'E';
}).slice(0, 11);
}
});
Template.fila.helpers({
chamadasFinalizada: function() {
return ChamadasReactive.get().filter((el)=>{
return el.status == 'F';
}).slice(0, 11);
}
});
在fila.js中我调用函数,它工作正常:
Template.fila.events({
"submit form": function (e, template){
e.preventDefault();
atualizarChamadas();
}
});
我有这个blaze模板,当从fila.js调用函数时工作正常:
<tbody>
{{#each chamada in chamadasEspera}}
<tr class="success">
<td>{{chamada.senha}}</td>
<td>{{chamada.data_inicio}}</td>
<td></td>
<td>
<select id="{{chamada._id}}" class="form-control">
<option value="E">Esperando</option>
<option value="A">Atendimento</option>
<option value="F">Finalizado</option>
</select>
</td>
<td><button id="{{chamada._id}}" value="{{chamada.senha}}" name="{{chamada.status}}" class="btn btn-block">Chamar</button></td>
</tr>
{{/each}}
</tbody>
<br/>
<tbody>
{{#each chamada in chamadasAtendimento}}
<tr class="danger">
<td>{{chamada.senha}}</td>
<td>{{chamada.data_inicio}}</td>
<td></td>
<td>
<select id="{{chamada._id}}" class="form-control">
<option value="A">Atendimento</option>
<option value="E">Esperando</option>
<option value="F">Finalizado</option>
</select>
</td>
<td><button id="{{chamada._id}}" value="{{chamada.senha}}" name="{{chamada.status}}" class="btn btn-block">Chamar</button></td>
</tr>
{{/each}}
</tbody>
<br/>
<tbody>
{{#each chamada in chamadasFinalizada}}
<tr class="info">
<td>{{chamada.senha}}</td>
<td>{{chamada.data_inicio}}</td>
<td>{{chamada.data_fim}}</td>
<td>
<select id="{{chamada._id}}" class="form-control">
<option value="F">Finalizada</option>
<option value="E">Esperando</option>
<option value="A">Atendimento</option>
</select>
</td>
<td></td>
</tr>
{{/each}}
</tbody>
</table>
{{/if}}
在我的页面retirada.js中我有这个调用atualizarChamadas的代码,但是它没有被动反应:
Template.retirada.events({
"click button": function(e,template){
let newPass = e.target.id,
id = Retirada.find({}).fetch()[0]._id;
console.log('01:' + Chamadas.find({medico: 1},{sort: {data_inicio: -1}}).fetch().length);
Retirada.update(id, {count: newPass});
Chamadas.insert(
{senha: newPass, status : 'E', data_inicio: new Date(), medico: 1});
console.log('02:' + Chamadas.find({medico: 1},{sort: {data_inicio: -1}}).fetch().length);
setTimeout (teste, 1000);
function teste(){
atualizarChamadas();
}
}
});
当调用console.log时,我可以看到chamadas的对象结果的长度增加了,但是我的模板没有刷新新数据.我使用的方法来更改文档,但我在视图上更改它,但仍然无法正常工作.
我需要一些帮助.
解决方法:
我认为问题来自于在事件处理程序中使用Meteor调用.这里有几个允许反应方法调用的替代包:meteor-reactive-method和mnmtanish:call.
标签:javascript,meteor,meteor-blaze 来源: https://codeday.me/bug/20190710/1428411.html