javascript - 单击按钮即可编辑标签 View - Sproutcore

标签 javascript javascript-framework sproutcore textfield sproutcore-views

我对 sproutcore 很陌生。尽管我了解 SC.InlineEditable mixin 和 isEditable 字段,但问题是当我单击按钮使 labelView 可编辑时。标签保持不变,我必须双击标签才能输入文本。

我想要的是,当我单击编辑按钮时,标签应该变成文本字段并且应该成为第一响应者,即光标应该在文本字段上闪烁。

我找不到任何像样的文档(sproutcore 没有多大帮助)或教程来做到这一点。此类引用文献的链接也会非常有帮助。

最佳答案

根据showcase ,您应该能够按如下方式完成此操作:

SC.LabelView.extend({
  classNames: ['my-label-view'],
  isEditable: true,
  layout: { width: 300, height: 16, centerX: 0, centerY: 0 },
  value: 'Double-click this label to edit inline.'
})

如果这不起作用,您能告诉我们您使用的 SC 版本以及浏览器/版本吗?这可能是一个潜在的错误。

关于javascript - 单击按钮即可编辑标签 View - Sproutcore,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15414177/

相关文章:

angular - 为什么我在 PrimeNG FileUpload 组件中遇到与引用不存在页面的 url 参数相关的问题

javascript - 从 subview 访问父 View 中的属性

javascript - 如何停止 JavaScript 的执行?

javascript - Google reCAPTCHA 中未捕获的类型错误

javascript - forEach 中的异步等待

javascript - jQuery:检查具有特定类名的 div 是否存在

web-applications - Sproutcore/Qooxdoo 之类的东西有什么帮助?

javascript - 用于网络应用程序开发的 sproutcore 或 cappucino?

javascript - 将 Koa 与 bluebird 和 pg 一起使用

javascript - 如何将错误消息放入 if 语句 if(...)