Question

我正在使用智能GWT来开发我的应用程序，以创建我正在使用GWT组件的应用程序的结构。 HTML代码段如下：

<div class="container">
    <div id="pagePanel" ></div>
</div>

在我的pagePanel div中添加了所有组件。当我在pagePanel div中动态添加组件时，pagePanel div不会根据添加的组件的大小进行扩展，并且添加的智能gwt组件会溢出pagePanel div。所以我需要给智能gwt的每一个div提供css。但是由于GWT自己生成HTML结构，因此无法在代码中找到所有div。

因为，我使用flex表来构建我的页面，FlexTable被添加到Smart gwt的Canvas中。 Canvas被添加到initWidget超级Composite。我给了flex表和画布的CSS，但是在画布和flex表之间生成了两个div，我无法得到如何给这些div提供css，因为我无法在我的代码中找到它们。

代码如下：

 NTCanvas smartContainer = new NTCanvas();
 smartContainer.setWidth("970px");
 smartContainer.setStyleName("smart-container");
 smartContainer.setStylePrimaryName("smart-container");
 initWidget((Widget) smartContainer);

任何正文都可以告诉我们如何在代码中找到gwt生成的div。或者如何从PagePanel div解决智能组件的溢出问题。

谢谢， Punam Purohit

Answer 1

SmartGWT常见问题解答：

http://forums.smartclient.com/showthread.php?t=8159#aMix

我可以混合Smart GWT和GWT小部件吗？

是的，有警告。

Smart GWT具有互操作性支持，允许将Smart GWT小部件添加到GWT   容器并允许将GWT小部件添加到Smart GWT容器中，并且它适合于   用于：



向Smart GWT的增量迁移，例如引入单一的，复杂的Smart GWT     诸如Calendar或CubeGrid之类的组件到现有的GWT应用程序



在Smart GWT中使用复杂的第三方GWT小部件，而Smart GWT则没有     相应的内置功能



然而，自由混合Smart GWT和GWT（或其他）是没有意义的   组件，例如，您不应将GWT小部件放在Smart GWT容器中   而这又是一个GWT容器。一般情况下，除非需要，否则不要混用小部件   一个特征迫使你去。

这样做的原因是两个Ajax小部件工具包的最大程度有限制   （包括GWT）可以互操作 - 没有允许互操作性的标准   Tab键顺序管理，zIndex管理，像素完美布局，508节   可访问性和多级模态。

智能Gwt组件不会在html div标签中呈现

1 个答案: