Question

我正在尝试使用Qooxdoo主题滚动条实现qx.ui.embed.Html。我想在vitrual列表中实现它。我需要的是一个带有自定义（qx主题）滚动条的qx.ui.embed.Html小部件，因为它在原生卷轴中非常难看。

这是我的测试：

它适用于游乐场。

但我试图把它变成一个小部件：

（我不是这样做的专家）：

qx.Class.define("phwabe.view.ChatView.PostItem",
{
  extend : qx.ui.container.Scroll,
  properties :
  {
    /** Any text string which can contain HTML, too */
    html :
    {
      check : "String",
      apply : "_applyHtml",
      event : "changeHtml",
      nullable : true
    }
  },

  members :
  {
    construct : function()
    {
        this.base(arguments)
    },
    _createChildControlImpl : function(id)
    {
      var control;
      switch(id)
      {
        //case "icon":
        //  control = new qx.ui.basic.Image(this.getIcon());
        //  control.setAnonymous(true);
        //  this._add(control, {row: 0, column: 0, rowSpan: 2});
        //  break;
        case "html":
          control = new qx.ui.embed.Html()
          control.setAllowGrowX(true);
          control.setOverflowY('hidden');
          control.setAllowShrinkY(false)
          this.add(control)
      }
    },
    _applyHtml : function(value, old)
    {
      var post = this.getChildControl("html");
      // Workaround for http://bugzilla.qooxdoo.org/show_bug.cgi?id=7679
      // Insert HTML content
      post.setHtml(value||"");
    }
  }
})

但这很难实现：

Error: Exception while creating child control 'html' of widget phwabe.view.ChatView.PostItem[446-0]: Unsupported control: pane

我显然做错了。在qooxdoo中实现它的任何正确方法？

Answer 1

您需要返回创建的控件 - 如果没有匹配（在您的情况下＆＃34;窗格＆＃34;），则返回基类方法：

// overridden
_createChildControlImpl : function(id)
{
  var control;

  ...

  return control || this.base(arguments, id);
}

以下是更改的游乐场示例：http://tinyurl.com/loljtz6

如果高度未知，则需要添加一种机制来自动调整qx.ui.embed.Html小部件的内容大小，因为没有自动调整大小。

尝试用qx.ui.embed.Html的非本地qooxdoo主题滚动条制作一个小部件

1 个答案: