【问题标题】:Does backbone.stickit support autofill?Backbone.stickit 支持自动填充吗?
【发布时间】:2013-06-14 12:29:52
【问题描述】:

我在将简单的登录表单绑定到模型时遇到问题。 Stickit 无法识别“自动填充”事件,因此视图与模型不同步。

html 非常简单:

<form>
    <input id="username" type="text"/>
    <input id="password" type="password"/>
</form>

视图将使用空模型初始化并绑定在渲染函数中。这是代码的摘录:

bindings: {
    '#username': 'username',
    '#password': 'password'
},

...

initialize: function () {
    this.model = new Backbone.Model();
}

...

render: function() {
    this.stickit();
}

如果我通过在 initialize 函数中调用 $('username').val() 来检索值,我会得到正确的自动填充值。

有人知道这个问题的解决方案吗?

我没有在 git 存储库中创建问题,因为我不确定我是否做错了什么并且自动填充功能开箱即用。

提前致谢!

以前

【问题讨论】:

  • “自动填充”是指另一个插件或stickit的初始化过程,其中绑定视图元素使用模型的属性值初始化?
  • 我指的是浏览器机制,它存储密码和地址数据,并在页面加载后自动在输入字段中设置值。
  • 是的,可以确认这是个问题

标签: javascript backbone.js autofill backbone-stickit


【解决方案1】:

Stickit 目前不支持浏览器自动填充。这是 GitHub 问题: https://github.com/NYTimes/backbone.stickit/issues/168

【讨论】:

    【解决方案2】:

    对于浏览器或插件如何神奇地将输入字段填充到自动填充中,似乎没有标准化;似乎在大多数情况下不会发出更改事件,因此模型将与视图不同步。在保存登录模型之前,我们执行以下操作:

    this.$('input').change();

    基本上,在任何输入上强制触发更改事件,以便为字段执行更改处理程序,之后模型应该与视图匹配。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-06-13
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-11-28
      相关资源
      最近更新 更多