将视图与Ember.js中的表单相关联

时间:2013-09-30 19:54:05

标签: javascript ember.js

我有一个包含多个字段的表单。当用户单击其中一个字段时,表单一侧的div将填充有关该字段的信息以及如何最好地填写该字段。此信息div实际上是一个视图,我通过为每个字段分配tip属性来填充帮助文本。代码如下所示:

# form field
Em.TextField valueBinding="name" tip="Put the <strong>name</strong> of your organization here."

# views
# Tip Box
Whistlr.TipBoxView = Em.View.extend
  templateName: 'tipBox'
  classNames: ['ember-tip-box']
  content: ""

  actions:

    setContent: (content) ->
      @set 'content', content

# Text field
Em.TextField.reopen
  tip: ''

  click: ->
    Ember.View.views[$(".ember-form-info-box").attr('id')].set 'content', @tip

# template
== view.content

这种方法运作得很好,但其中一部分确实困扰我。具体来说,为了找到提示框视图,我会像这样搜索它:Ember.View.views[$(".ember-form-info-box").attr('id')]。只要我只有一个带有单个尖端视图的表单,这就可以工作,但如果我有多个表单,它就会中断。这不是现在的问题,但可能会在将来出现问题。它也感觉很骇人。

是否有更直接的方法将视图与特定表单相关联?

1 个答案:

答案 0 :(得分:1)

这似乎是一种过于复杂的方式。为什么不使用jQuery TooltipsterCSS Tooltips之类的内容?