GXT - 3: HTML 显示代码而不是图像

GXT - 3: HTML code is displayed rather than the image

找到问题的图片:

我正在尝试创建一个显示包含可点击事件的多个图像的列。但是我得到的不是图像,而是 HTML 代码。

我写的列配置如下:

    actionsCol = new ColumnConfig<SensorTreeModel,String>(new ValueProvider<SensorTreeModel, String>() {
          com.sencha.project.client.Resources resources = GWT.create(com.sencha.project.client.Resources.class);
            @Override
            public String getValue(SensorTreeModel String) {
                //ImageResource image = resources.add();
                FlowPanel flowPanel = new FlowPanel();

                ImageResource add = com.sencha.project.client.Resources.INSTANCES.add();
                Image add1 = new  Image(add);
                flowPanel.add(add1);
              //return add1;
              return flowPanel.toString();
            }

            @Override
            public void setValue(SensorTreeModel object, String value) {
              if (object.getIsLeaf()) {

              }
            }

            @Override
            public String getPath() {
              return "actions";
            }
          });
      actionsCol.setHeader("");

ColumnConfig<M,N> and ValueProvider<T,V>中,N和V是相同的列内容类型。因此,在您的示例中,您 returning String 作为值。如果您 return ImageResource,列将显示图像。

希望对您有所帮助。

  actionsCol = new ColumnConfig<SensorTreeModel,ImageResource>(new ValueProvider<SensorTreeModel, ImageResource>() {
             com.sencha.project.client.Resources resources = GWT.create(com.sencha.project.client.Resources.class);
             @Override
             public ImageResource getValue(SensorTreeModel String) {

                  ImageResource add = com.sencha.project.client.Resources.INSTANCES.add();
                  return add;
                }

                @Override
                public void setValue(SensorTreeModel object, ImageResource value) {
                  if (object.getIsLeaf()) {

                  }
                }

                @Override
                public String getPath() {
                  return "actions";
                }
      });
 actionsCol.setHeader("");
actionsCol.setCell(new ImageResourceCell());