问题标签 [gwt-bootstrap]

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 投票
2 回答
7267 浏览

gwt - 集成 Bootstrap 和 GWT

我正在研究将Bootstrap库与 GWT 一起使用的最佳实践。我不喜欢使用GWT-Bootstrap项目,而是喜欢在我的 GWT 应用程序中使用纯 css 和 js Bootstrap 库。

我正在搜索如何将 Bootstrap 样式应用于 GWT UI 组件?我是否需要通过处理 GWT 组件的 DOM 元素在 UI 视图代码中执行此操作?或者有没有其他干净的方法来实现 GWT 和 Bootstrap 的这种集成?

0 投票
3 回答
5639 浏览

eclipse - 如何在 Eclipse 中使用 GWTBootstrap

我从https://github.com/gwtbootstrap/gwt-bootstrap下载了用于 GWT zip 的 Twitter Bootstrap 。我是 GWT 的新手,我还没有找到关于如何在 Eclipse 中使用这些库的适当文档或教程。

0 投票
1 回答
775 浏览

css - horizontally align controls in gwt bootstrap

I'm attempting to horizontally align two controls (namely the Checkbox and Nav) in a Controlgroup's controls section. However, I can't find a way to prevent their vertical alignment.

Aligning two checkboxes horizontally is possible with 'Inline'. But in this case I want to horizontally align the checkbox and Nav. And Nav doesn't support Inline. I noticed by default listboxes are also horizontally aligned in a Control's group

0 投票
1 回答
3067 浏览

gwt - GWT-Bootstrap 中的表格

尝试使用 UIBinder 使用 Bootstrap 将表添加到我的 GWT 应用程序。据我了解,有某种表格移植到 GWT-Bootstrap,但我不知道要使用哪个以及如何使用它(也找不到任何文档)。

我想要这样的东西,当然是 Bootstrap 风格:

谢谢!

0 投票
2 回答
1589 浏览

gwt - 使用 Maven / GWT 进行 Javax 验证

我正在尝试使用gwtbootstrap,并在 CellTables 示例中实现了我的项目。我使用 Vaadin 6.8.8、GWT 2.5.0 和 Maven 2.2.1

现在,当我尝试编译小部件集时,我有这个警告:

类路径上是否有validation-api-.jar 和validation-api--sources.jar?

和这个错误:

javax.validation.ConstraintViolation 类型无法解析。它是从所需的 .class 文件中间接引用的

好吧,我都试试!!来自 Stackoverflow 和网络的很多解决方案。从将 javax 依赖项添加到 pom.xml 到将 .jar 添加到类路径等等。

为什么 gwtbootstrap 似乎适用于 javx.validation 以及为什么我不能在我的项目中添加 javax.validation?

0 投票
1 回答
1676 浏览

gwt - 调用 setVisible 后未显示 GWT-Bootstrap 模态

我有一个简单的模式,我想在单击按钮时显示它。

这是我用来显示模态的代码

即使模态没有显示在屏幕上,登录到控制台的消息是前者,即成功显示模态!

我用萤火虫做了一些挖掘,在单击按钮之前,呈现的 HTML 是

单击按钮后,它变为

第一个 div 具有我设置的高度和宽度,并且 aria-hidden 也被清除,但实际包含模态的子 div 不受影响。

我不知道如何告诉 GWT 也将更改应用到子 div,有人可以帮我解决这个问题吗?

编辑:这是我的 ModalDialogDemo.ui.xml

0 投票
2 回答
1017 浏览

gwt - 如何使用 Bootstrap Typeahead 的选定值设置文本框值?

我有以下 gwt-bootstrap ui.xml :

我如何以编程方式获取预先输入项目的建议响应“单击时”并将其设置为文本进入搜索框?

0 投票
2 回答
452 浏览

gwt - 如何在 GWT Bootstrap Modal 关闭时销毁它

我有一些数据显示在 CellTable 中,其中一列是可点击的。单击该列时,我会在Modal内的另一个 CellTable 中显示与其关联的数据。

我为此设置了一个 UIBinder 元素。

在 FieldUpdater 中,我创建了一个 UIBinder 元素的新实例,在它关闭后,我希望它被销毁或从DOM. 这个元素有一个GWT Bootstrap Modal

现在发生的事情是它被隐藏了,当我单击时,新实例被创建。我认为当数据的大小增加和应用程序的长时间使用时,这将是一个问题。

我想知道如何重新打开现有元素或在元素关闭后将其销毁。我找不到任何类似的活动onClose

0 投票
2 回答
1395 浏览

css - 如何在使用 GWT-Bootstrap 的 GWT 项目中应用自定义样式

我正在为我的项目使用 GWTBootstrap 模态,问题是它的宽度对我来说太窄了。

我检查了它与萤火虫的样式并看到了这个

我去了 Webapp/css 目录并对bootstrap.min.css

但它会被 gwt 编译器覆盖。

接下来我参考了这个 创建了一个css文件custom-overrides.css

<stylesheet src="/custom-overrides.css" />并像在我的那样导入它 gwt.xml 也不起作用,eclipse警告我文件在编译时被更改或删除。

我还尝试在创建模态的 UIBinder 文件中进行相同的更改。

那也行不通。我很困惑,我应该怎么做才能应用我的样式?

0 投票
1 回答
989 浏览

gwt - 如何使用 gwt-bootstrap 将整个页面设置为响应式设计?

我正在为平板电脑构建一个 Web 应用程序。我自己先编写css。现在我添加了一些使用 gwt-bootstrap 的小部件。好吧,现在我看到 gwt-bootstrap 有一些方法,例如:setHideOn(Device.PHONE)

我现在正在尝试将这种方法添加到我的整个应用程序中以使其具有响应性。我应该如何处理?