簡體   English   中英

流星:反應性輔助功能。 依存選擇

[英]Meteor: reactive helper function. Dependent select

我正在嘗試在模板中實現2選擇。 一個用於從所有類別集合中選擇一個類別,另一個用於選擇與該特定類別相關的一組技能。 因此,后者取決於第一個。 我認為這樣做的正確方法是在選擇更改事件和幫助函數中使用會話變量來存儲選擇的類別ID,該事件以響應方式返回具有該ID的光標。 我的代碼看起來像...

<template name="createPost">
    <select id="categories" name="category">
        {{#each categories}}
            <option value="{{_id}}">{{categoryName}}</option>
        {{/each}}
    </select>
    ...
    <select id="skills" name="skills">
        {{#each skills}}
            <option value="{{_id}}">{{skillName}}</option>
        {{/each}}
    </select>
</template>

Template.createPost.helpers
    categories: -> Categories.find()
    getCategory = ->
        Session.get 'selectedCategory'
    Tracker.autorun ->
        skills: ->
            Skills.find {category: getCategory}

Template.createPost.events
    "change #categories": (e) ->
        Session.set 'selectedCategory', e.target.value
    ...........

首先選擇將填充類別。 但是,當我選擇一個類別時,相關技能不會顯示在第二個選擇中。 知道這段代碼出了什么問題,對不起,我還是流星。 提前致謝。

Template.createPost.helper
  categories: () ->
    Categories.find()
  skills: () ->
    selectedCategory = Session.get 'selectedCategory'
    Skills.find {category: selectedCategory}

Template.createPost.events
  "change #categories": () ->
    Session.set 'selectedCategory', $('#categories').val()

Template.createPost.onRendered () ->
  this.autorun () ->
    c = Categories.find().fetch()[0]
    if c
      Session.set 'selectedCategory', c._id

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM