0

我有一个包含多个字段的表单。当用户单击其中一个字段时，表单一侧的 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')]：只要我只有一个带有单个提示视图的表单，它就可以工作，但是如果我有多个表单，它就会中断。这现在不是问题，但将来可能会出现问题。它也感觉很hacky。

有没有更直接的方法将视图与特定表单相关联？

4

1 回答 1

1

这似乎是一种过于复杂的方法。为什么不使用jQuery Tooltipster或CSS Tooltips之类的东西？

于 2013-09-30T21:02:37.560 回答