从 EmberJS 中的视图设置(绑定)模型对象属性...以编程方式?

发布于 2025-01-03 08:01:41 字数 587 浏览 1 评论 0 原文

QQ:当单击按钮时,如何更新对象的属性以匹配视图中元素的innerHtml?

我正在努力使用 EmberJS 和 HTML5 contenteditable 属性(通过 Hallo 编辑器)构建内容编辑界面。这意味着 valueBinding 不起作用,因为我们处理的是实际的页面 HTML,而不是 input/textarea 值属性。我在 Backbone 中构建了一个类似的应用程序,它缺少动态绑定,但允许您将模型对象设置为视图的属性。

与 EmberJS 一起使用的最佳方法是什么?我应该为整个模型的视图设置属性吗?我是否需要创建某种以 valueBinding 为模型的innerHtml 绑定和视图助手?

我已经设置了一个小提琴,其中包含我想要做的事情的示例(使用 contentEditable 属性的基本 jQuery 处理,而不是 Hallo):

http://jsfiddle.net/W6gsW/2/

谢谢!

QQ: How can I update an object's property to match the innerHtml of an element in a view when a button is clicked?

I am working on building a content editing interface using EmberJS and the HTML5 contenteditable attribute (via the Hallo editor). This means that valueBinding doesn't do the trick, since we're dealing with the actual page HTML, not input/textarea value attributes. I've built a similar app in Backbone, which lacks dynamic bindings but allows you to set the model object as a property of the view.

What's the best way to get this working with EmberJS? Should I set a property on the view to the entire model? Do I need to create some sort of innerHtml binding and view helper, modeled on valueBinding?

I've set up a fiddle with an example of what I'm trying to do (with basic jQuery handling of the contentEditable attribute, instead of hallo):

http://jsfiddle.net/W6gsW/2/

Thanks!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

夏雨凉 2025-01-10 08:01:41

http://jsfiddle.net/ud3323/nXCvq/

我确实根据您的定义更改了一些内容App.docView 中的绑定使事情变得更清晰。我的解决方案确实感觉有点黑客,但它的每个属性只需 1 行代码。

http://jsfiddle.net/ud3323/nXCvq/

I did change a few things with how you defined the bindings in App.docView to make things cleaner. My solution does feel a litte hackish, but it works with 1 line of code per property.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文