ember.js - 使用emberjs初始化后如何聚焦?

标签 ember.js

我是Ember.js的新手。
我想在初始化后专注于TextField(在示例中,id =“text”),
但在就绪功能中,无法使用焦点方法...

<body>
  <!-- library load -->
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
  <script>!window.jQuery && document.write(unescape('%3Cscript src="js/libs/jquery-1.6.1.min.js"%3E%3C/script%3E'))</script>
  <script src="http://cloud.github.com/downloads/emberjs/ember.js/ember-0.9.5.min.js"></script>

  <script type="text/x-handlebars">
        {{view Em.TextField id="text"}} // want to focus it.
  </script>
  <script type="text/javascript">
    var App = Em.Application.create();
        App.ready = function() {
            $('#text').focus(); // does'nt work.
        }
  </script>
</body>

最佳答案

以下代码可以正常工作:

<script type="text/x-handlebars">
      {{view App.TextField id="text"}} // want to focus it.
</script>
<script type="text/javascript">
  var App = Em.Application.create();

  App.TextField = Em.TextField.extend({
    didInsertElement: function() {
      this.$().focus();
    }
  });
</script>

关于ember.js - 使用emberjs初始化后如何聚焦?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9468061/

相关文章:

ruby-on-rails - 使用哪个 gem : emberjs-rails vs rasputin vs ember-rails?

ember.js - 如何在 ember 中为多个弹出窗口重用模态模板?

amazon-web-services - 将Ember.js应用程序部署到AWS Elastic Beanstalk

javascript - 如何在 ember.js 中动态地将 {{link-to}} 帮助器附加到我的模板? (功能类似于 Angular 中的 $compile)

ember.js - 在 Ember 应用程序中找不到 DS.Store 实例化

ember.js - Ember 真的是单页应用吗?

javascript - Ember 添加有许多子模型可供从下拉列表中选择

javascript - 缩小后 Ember 未定义

javascript - 有没有办法判断生成组件的 has-block 是否为空?

ember.js - 如何卸载 Ember-Data 中的所有模型