使用流星重定向 select 选项
Redirect on select option with meteor
我需要一些关于流星的帮助。我的模板有 select 个选项:
<select id="collapseFour" class="form-control collapse">
{{#each examNum}}
<option>{{this}}</option>
{{/each}}
</select>
我有帮助我创建考试编号列表的助手:
Template.adminLayout.helpers({
examNum: function() {
var number = [];
for(var i=1;i<=50;i++){
number[i] = i;
}
return number;
}
});
当我选择其中一个选项时,我需要将页面重定向到指定的考试页面。就像标签元素中的 onchange 或 href 一样。我知道它可以通过助手解决,所以尝试了这个:
Template.adminLayout.helpers({
'change [type=select]': function(e,t){
// page redirect
},
});
但是没用。有什么可以选择的问题,不胜感激!
已经解决,以备不时之需。这是模板:
<select id="collapseFour" name="examNo" class="form-control collapse">
{{#each examNum}}
<option value="{{this}}">{{this}}</option>
{{/each}}
</select>
js文件:
Template.adminLayout.events({
'change #collapseFour': function(event, template) {
no = template.find('[name=examNo]').value;
Router.go('adminExamPage', {no: no});
}
});
和router.js:
this.route('adminExamPage',{
path: '/coordinator/exam/:no',
layoutTemplate: 'adminLayout'
});
我需要一些关于流星的帮助。我的模板有 select 个选项:
<select id="collapseFour" class="form-control collapse">
{{#each examNum}}
<option>{{this}}</option>
{{/each}}
</select>
我有帮助我创建考试编号列表的助手:
Template.adminLayout.helpers({
examNum: function() {
var number = [];
for(var i=1;i<=50;i++){
number[i] = i;
}
return number;
}
});
当我选择其中一个选项时,我需要将页面重定向到指定的考试页面。就像标签元素中的 onchange 或 href 一样。我知道它可以通过助手解决,所以尝试了这个:
Template.adminLayout.helpers({
'change [type=select]': function(e,t){
// page redirect
},
});
但是没用。有什么可以选择的问题,不胜感激!
已经解决,以备不时之需。这是模板:
<select id="collapseFour" name="examNo" class="form-control collapse">
{{#each examNum}}
<option value="{{this}}">{{this}}</option>
{{/each}}
</select>
js文件:
Template.adminLayout.events({
'change #collapseFour': function(event, template) {
no = template.find('[name=examNo]').value;
Router.go('adminExamPage', {no: no});
}
});
和router.js:
this.route('adminExamPage',{
path: '/coordinator/exam/:no',
layoutTemplate: 'adminLayout'
});