天道酬勤,学无止境

gwt-bootstrap

gwtbootstrap 始终适用于所有元素(gwtbootstrap always applies to all elements)

问题 我想为我的应用程序使用 GWT 引导程序,所以我将 jar 添加到类路径并在 app.gwt.xml 中继承它,到目前为止它正在工作(我是引导程序的新手)。 到目前为止,我还没有使用 UIBinders 进行布局,如果有任何可能的话,我希望保持这种状态,因为我有一个非常动态的 UI,它是通过编程方式生成的,而且我对 UIBinders 几乎没有经验。 但是,对于我想从 gwtbootstrap 使用的元素,我创建了 UIBinders(例如标题和按钮)。 问题是不仅我使用 gwtbootstrap 元素使用 UIBinders 创建的元素看起来像 gwtbootstrap 元素,而且页面上的所有元素。 一个简单的例子:如果我使用引导元素创建一个像这样的标题没有任何区别 <b:Heading size="2">Hello GWT Bootstrap</b:Heading> 或者像这样使用标准 HTML <h1>Hello GWT Bootstrap</h1> 两者看起来都像 GWT Bootstrap 标题。 这同样适用于所有其他元素,因此页面上的任何元素都由 gwtbootstrap 设置样式,即使我不想要它并且我找不到控制它的方法。 回答1 这是因为 gwt-bootstrap 将 bootstrap.css 注入到您的 GWT 应用程序中,而 bootstrap.css

2021-09-12 15:45:12    分类:技术分享    gwt   twitter-bootstrap   uibinder   gwt-bootstrap

gwtbootstrap always applies to all elements

I want to use GWT bootstrap for my application, so I added the jar to the classpath and inherited it in app.gwt.xml and it is working so far (I am new to Bootstrap). So far I haven't used UIBinders for the layout and if in any way possible would like to leave it that way as I have a very dynamic UI which is generated programmatically and I have little experience with UIBinders. However for the elements that I want to use from gwtbootstrap I have created UIBinders (such as headings and buttons). The problem is that not only the elements I create with UIBinders using the gwtbootstrap elements

2021-08-31 16:14:09    分类:问答    gwt   twitter-bootstrap   uibinder   gwt-bootstrap

在 GWT / Bootstrap 中设置 data- 属性(Setting data- attribute in GWT / Bootstrap)

问题 我正在使用 GWT 并通过 GWT-Bootstrap 库实现引导程序。 我似乎找不到向元素添加数据属性的方法? 我可以通过直接编写 HTML 来实现: HTMLPanel htmlPanel = new HTMLPanel("<button type=\"button\" class=\"btn\" data-custom=\"some-custom-data\">Hello World</button>"); menuControl.add(htmlPanel); 但这只是丑陋并违背了使用 GWT 的目的(也可以编写纯 HTML 代码)。 我正在寻找执行以下操作的方法: Button button = new Button(); button.setText("Hello World"); button.setStyleName("btn"); // Fine up to here, but now i want: button.setAttr("data-custom", "some-custom-data"); 回答1 button.getElement().setAttribute("data-custom","some-custom-data"); ?

2021-07-13 03:49:04    分类:技术分享    gwt   twitter-bootstrap   gwt-bootstrap

Setting data- attribute in GWT / Bootstrap

I am working with GWT and implementing bootstrap through GWT-Bootstrap library. I can't seem to find a way to add data- attributes to my elements? I can do it by writing HTML directly: HTMLPanel htmlPanel = new HTMLPanel("<button type=\"button\" class=\"btn\" data-custom=\"some-custom-data\">Hello World</button>"); menuControl.add(htmlPanel); But that's just ugly and defeat the purpose of using GWT (might as well write a plain HTML code). I am looking for ways to do something like: Button button = new Button(); button.setText("Hello World"); button.setStyleName("btn"); // Fine up to here, but

2021-06-24 06:53:01    分类:问答    gwt   twitter-bootstrap   gwt-bootstrap

GWT-Bootstrap 与 GwtBootstrap3(GWT-Bootstrap vs. GwtBootstrap3)

问题 据我所知,GWT 中有两个用于 Twitter Bootstrap 集成的库。 有 GWT-Bootstrap 和 GwtBootstrap3。 我刚刚开始了一个基于 GWT-Bootstrap 的项目,因为我没有意识到还有另一个 GWT Bootstrap 集成。 这两个项目在 GitHub 上看起来都很活跃,尽管 GWT-Bootstrap 确实有更多成员。 我知道 GWT-Bootstrap 基于 Bootstrap 版本 2。另一方面,GwtBootstrap3 包装了 Bootstrap 版本 3,并且似乎有更多的小部件可用。 由于 GWT-Bootstrap 项目仍然活跃,我认为他们迟早也会迁移到版本 3。 那么这两个项目有什么区别呢? 有人对他们有经验吗? 你会选择哪个? GwtBootstrap3 值得切换一个已经运行的项目吗? 回答1 我是 GwtBootstrap3 的作者。 在开始研究 GwtBootstrap3 之前,我一直在使用 GWT-Bootstrap,修复了一些错误并添加了一些功能。 当 Bootstrap 3 发布时,我决定从头开始创建一个新项目,因为 Bootstrap 2 和 3 之间发生了很多变化。在添加新组件时删除了一些组件,CSS 类发生了变化等。此外,BS3 的主要重点是“移动优先”。 关于 GWT-Bootstrap

2021-06-11 18:54:32    分类:技术分享    twitter-bootstrap   gwt   gwt-bootstrap   gwtbootstrap3

确定浏览器是否在 gwt bootstrap 中运行的设备(determine if the device on which browser is running in gwt bootstrap)

问题 他们是否可以通过 gwt 或 gwt bootstrap 找到运行 Web 应用程序的设备。 就像设备是iphone,平板电脑,desktop.ipad 等,请帮忙。 回答1 您根本不需要引导程序就可以知道您的客户端正在运行哪个浏览器。 就打电话... Navigator.getUserAgent() ...获取浏览器的用户代理。 此处提供了所有可用的用户年龄列表: http://www.useragentstring.com/pages/All/ 例如,检查用户代理字符串中的“ipad”匹配。 回答2 设置 GWT 允许您定义将在执行延迟绑定机制期间解析的属性(应用程序启动序列的一部分,请参阅此处的延迟绑定元素)。 例如,在您的应用程序的gwt.xml文件中定义它: <define-property name="formfactor" values="desktop,tablet,mobile" /> 然后在同一个文件中提供它: <property-provider name="formfactor"> <![CDATA[ // my User Agent String-parsing JavaScript code ]]> </property-provider> 有关完整示例,请参阅 MobileWebApp,一个 GWT 示例应用程序。 具体来说,看看

2021-06-10 12:17:07    分类:技术分享    gwt   web-applications   gwt-bootstrap

GWT-Bootstrap vs. GwtBootstrap3

As far as I can tell there are two librarys for Twitter Bootstrap integration in GWT. There is GWT-Bootstrap and GwtBootstrap3. I have just started a project built on GWT-Bootstrap, since I did not realize that there is another GWT Bootstrap integration out there. Both project look pretty active on GitHub, althought GWT-Bootstrap does have more members. I understand that GWT-Bootstrap is based on Bootstrap version 2. On the other hand GwtBootstrap3 wrapps Bootstrap version 3 and seems to have some more widgets avaliable. Since the GWT-Bootstrap project is still avtive, I assume they will move

2021-05-24 13:48:20    分类:问答    twitter-bootstrap   gwt   gwt-bootstrap   gwtbootstrap3

determine if the device on which browser is running in gwt bootstrap

Is their any way in gwt or gwt bootstrap to find the device on which the web app is running. Like if the device is iphone,tablet,desktop.ipad etc.,Please help.

2021-05-13 19:58:00    分类:问答    gwt   web-applications   gwt-bootstrap