问题标签 [uibinder]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1373 浏览

gwt - 如何使用 UIBinder 捕获按键事件

在 GWT + UiBinder 中,您可以捕获如下点击:

按键是否有等价物?例如,如果用户按下 ESC 键,那么我们取消一个动作。

非常感谢。

0 投票
3 回答
8694 浏览

gwt - 试图让 UIBinder 给我一个跨度而不是 div

我正在用 UiBinder 构建一个小部件,我需要将它包含在一个<span />但 UiBinder 只给我<div />. 例如<g:HTMLPanel />=> <div />。Horizo​​nPanel、FlowPanel、VerticalPanel 也只给出<div />.

有谁知道解决方案?

0 投票
3 回答
2113 浏览

java - 仅在 GWT2.0 布局/uibinder 世界中使用 css 在屏幕上居中对象

互联网上有几种方法可以通过 css(-ve margins、table-cell hack 等)在屏幕上居中显示某些内容。直到现在,当我想使用本机 gwt2.0 布局面板/小部件时,我对此感到非常满意。想象一下,你想做一个“加载屏幕”来显示一个旋转的圆圈,直到应用程序试图找出下一步将用户发送到哪里(在后台,应用程序正在检查用户是否登录)。

我在 gwt uiBinder xml 中有这段代码:

我基本上希望图像垂直和水平显示在屏幕的中心。

任何聪明的想法如何在没有脚本的情况下实现 getWidth/setHeight 等?

谢谢。

0 投票
3 回答
12764 浏览

gwt - 如何使用 Messages 国际化 GWT UIBinder 页面?

我正在尝试使用属性文件国际化 UIBinder 应用程序。由于我们已经通过 com.google.gwt.i18n.client.Messages 接口(GWT 1.7.1)公开了很多翻译,我们希望重用这些消息。

我尝试了以下方法:

MessageConstants 类如下所示:

但是,这不起作用。我怎样才能做到这一点?

0 投票
1 回答
1641 浏览

events - 使用 UIBinder 布局在 GWT 面板之间进行对话

这里是 GWT 的新手...

我正在使用 UIBinder 方法来布局应用程序,有点类似于 GWT 邮件示例的风格。该应用程序以在 onModuleLoad() 方法中添加到 RootLayoutPanel 的 DockLayoutPanel 开始。DockLayoutPanel 有一个静态的 North 和一个静态的 South,使用自定义的中心小部件定义如下:

此自定义小部件使用 BigLayoutWidget.ui.xml 进行布局,而 BigLayoutWidget.ui.xml 又包含一个 TabLayoutPanel(3 个选项卡),其中第一个包含一个 SplitLayoutPanel,分为 WES​​T (Shortcuts.ui.xml) 和 CENTER (Workpanel.ui.xml )。反过来,快捷方式由具有 3 个堆栈的 StackLayoutPanel 组成,每个堆栈都在其自己的 ui.xml 文件中定义。

我希望在快捷方式的单个堆栈之一中单击事件来更改工作面板的内容,但到目前为止,我只能在同一类中操作小部件。使用最简单的情况,我无法在快捷方式中单击按钮来清除 Workpanel 的内容或使 WorkPanel 不可见。

几个问题...

  1. ResizeComposite 是为此扩展的正确类型吗?我正在遵循 TopPanel、MailList 等邮件示例中的方法,所以可能不是?
  2. 如何使这些点击操作它们不驻留的面板的内容?
  3. 是否不再建议使用侦听器来处理事件?我想我在编译期间的某个地方看到这些天使用了 ClickHandler,并且不推荐使用单击侦听器“订阅”方法(我主要使用 @UiHandler 注释)
  4. 有没有一种简单的方法来处理我的应用程序/页面中的特定元素?(在 UI.XML 文件中应用“ID”字段会生成弃用警告)。我正在寻找类似 document.getElementById() 的东西,它可以让我处理特定元素。如果存在,如何在元素上设置句柄/ID,然后如何按名称/ID 调用该元素?

请注意,我的布局本身非常好;这是我无法完全理解的从一个 ui.xml 模块化面板到下一个的交互。

提前致谢。

0 投票
2 回答
4185 浏览

css - 在 css url 中使用 ClientBundle 图像资源

我正在 GWT 中构建一个应用程序,并从我的图形设计师那里获得了一个皮肤,我使用 UIBinder 将它插入到应用程序中,它工作得很好。现在我想使用 ClientBundle 捆绑所有图像。

这些图像中的 Mayne 用于 css 文件,例如

.nav{background:url(nav_bg.jpg) 左上重复-x; 高度:27px;清除:两者;}

在这个 css 之前,我已经定义了一个标签来包含这个包。

如何更改 css 条目以便它使用我的 ClientBundle 中的 ImageResource?我想我可以为所有的 html 标签做内联样式,但这是可怕的分离和很多额外的工作。

我已经在 uibinder 文件的 html 部分(例如在 a 中)成功使用了 ImageResources,但我看不到如何在 css 中执行此操作。我什至在一个块中内联了 css,但我仍然没有看到正确的方法来做到这一点。

有什么建议么?

0 投票
1 回答
2380 浏览

css - UiBinder FlexTable 样式

我想为不同的行添加不同的样式,哪个是最好的方法?

我正在尝试这个(它不起作用,没有错误但没有变化):

  • 两个接口:

公共接口 StatisticsTableResources 扩展 ClientBundle {

}

公共接口 StatisticsTableCss 扩展 CssResource {

}

  • CSS

.tableOddRow { 背景颜色:#aeaaa2; 颜色:蓝色;}

  • 改变风格

ftStatistics.getRowFormatter().addStyleName(i, StatisticsTableResources.INSTANCE.css().tableOddRow());

0 投票
2 回答
4587 浏览

css - GWT UiBinder 不加载样式表

我想使用 UiBinder 制作一个 GWT 小部件。所以我做了:

UserPanel.ui.xml 像这样:

UserPanel.css 像这样:

和 UserPanelResources.java 像:

所有文件和包都在它们的位置,因为一切都编译得很好。但是当我运行开发模式时,没有应用样式!我尝试了许多不同的方法,但它仍然不起作用。

我注意到的是,在 HTML 中,VerticalPanel 被赋予了被 GWT 混淆的类名,但 CSS 没有发送到浏览器——事实上,GWT 甚至不要求它。

我错过了什么吗?

0 投票
3 回答
4080 浏览

gwt - GWT - 如何在 uibinder xml 文件中定义布局层次结构之外的小部件

这是我的第一篇文章。我希望有人能帮助我。
我正在寻找一种在 UiBinder XML 布局文件中单独定义小部件的方法,而不是布局层次结构的一部分。这是一个小例子:

编译失败,因为 ui:UiBinder 元素只需要一个子元素。
在 Java 代码中,我将照常访问和绑定 Label 小部件:

例如,当您定义 Grid 或 FlexTable 时,这可能很有用 - 我想在 XML 布局文件中定义表头的标签,而不是在代码中以编程方式。

提前谢谢了

0 投票
2 回答
2447 浏览

gwt - 获取 UiBinder 小部件以显示内联而不是块

我试图让我的 UiBinder 定义的小部件显示内联,但我不能。我目前的代码是:

这在小部件内部的外观方面效果很好,但我想将一堆这些小部件放入 FlowPanel 并在调整窗口大小时让它们流动。HTMLPanel 是一个 div,但我无法获取要分配的显示属性。我无法强制使用样式名称,因为以下会引发错误:

而且我可以指定一个额外的样式,但它不应用显示设置。

这会按预期显示边框并设置大小,但不会流动。Firebug 显示 div 上的样式是边框、宽度和填充,但没有显示。

有没有办法在 UiBinder 中制作一个小部件,以便它显示内联而不是块?如果是这样,我是否可以使其与内部的 VerticalPanel 兼容(我可以在不使整个小部件成为纯 HTML 而没有任何 GWT 小部件的情况下做到这一点)吗?

PS:我看到了问题2257924但最近没有任何答案,而且他似乎专注于获取标签,而不是专门获取内联布局。我不直接关心,如果我可以让我的小部件的顶级标签内联流动,我很高兴。