Я пытаюсь построить webapp используя Meter. У меня это в client.js:Два идентичных события смены ключа; только один работает
Template.messages.helpers({
messages: function() {
return Messages.find({}, { sort: { time: -1}});
}
})
Template.chats.helpers({
chats: function() {
return Chats.find({}, { sort: { time: -1}});
}
})
Template.input.events({
"keydown input#message" : function (event) {
if (event.which == 13) { // 13 is the enter key event
if (Meteor.user())
var name = Meteor.user().username;
else
var name = 'Anonymous';
var message = document.getElementById('message');
if (message.value != '') {
Messages.insert({
name: name,
message: message.value,
time: Date.now(),
});
document.getElementById('message').value = '';
message.value = '';
}
}
}
});
Template.inputchat.events({
"keydown inputchat#chatid" : function (event) {
if (event.which == 13) { // 13 is the enter key event
if (Meteor.user())
var name = Meteor.user().username;
else
var name = 'Anonymous';
var chat = document.getElementById('chatid');
if (chat.value != '') {
Chats.insert({
name: name,
title: chat.value,
time: Date.now(),
});
document.getElementById('chatid').value = '';
chat.value = '';
}
}
}
});
И в моем HTML файл:
<template name="Index">
<body>
{{> input }}
{{> messages }}
{{> inputchat }}
{{> chats }}
</body>
</template>
<template name="input">
<p>Message: <input type="text" id="message"></p>
</template>
<template name="inputchat">
<p>Chat name: <input type="text" id="chatid"></p>
</template>
<template name="messages">
{{#each messages}}
<strong>{{name}}:</strong> {{message}}<br>
{{/each}}
</template>
<template name="chats">
{{#each chats}}
<strong>{{name}}:</strong> {{chat}}<br>
{{/each}}
</template>
Наконец, в models.js:
Messages = new Mongo.Collection('messages');
Chats = new Mongo.Collection('chats');
Когда я что-то типа и нажмите клавишу ВВОД на {{> input}}, все работает нормально. Сообщение добавляется в коллекцию и шаблон, и поле ввода становится пустым.
Я искал то же самое, когда печатаю и нажимаю enter на inputchat. Однако ничего не происходит. Благодарю.
теперь я не могу ввести anythong на входе и inputchat то же ... кажется, я не «реферирую» inputchat правильно, так как изменения не влияют на него? –
use ids 'Template.input.events ({ « keydown #idInput »: function() {} }), я имею в виду удалить слово' input', просто используйте '# idInput' – Ethaan
Это сработало, спасибо! Можете ли вы ответить на вопрос почему? –