Question

我有一些遗留代码可以使用，我没有使用Sprout Core的经验。寻找答案已被证明是不确定的。

基本上，我只需要在现有视图中添加iframe，并且能够设置src URL。

Answer 1

虽然您可以使用render函数轻松渲染固定的iframe，但还有一个SproutCore视图SC.WebView，可以在:desktop框架中为您执行此操作。如果您希望更改SC.WebView，或者想要调整iframe的大小以匹配其内容的大小，则应使用src。

例如，

myWebView: SC.WebView.extend({
  layout: { left: 10, right: 10, top: 10, bottom: 10, border: 1 },
  shouldAutoResize: true, // when the iframe loads, resize it to fit the size of its content
  valueBinding: SC.Binding.oneWay('MyApp.currentUrl') // bind the 'src' of the iframe
})

Answer 2

有几种方法可以做到这一点。

假设视图从SC.View延伸，最简单的可能是覆盖#render方法并自行添加iframe：

MyApp.MyView = SC.View.extend({
  render: function(context) {
    context.push("<iframe src='http://google.com' />");
  }
});

如何在sproutcore中向视图添加iframe？

2 个答案: