问题标签 [gwt-material-design]

我在 GWT Material DatePicker 中发现了一个奇怪的错误，它也适用于官方 GWT 网站：

如果你去这里 - https://gwtmaterialdesign.github.io/gwt-material-demo/#pickers ，尝试选择一些日期，关闭 DatePicker 并在浏览器中打开一个新选项卡并返回，DatePicker 将被打开。那么，我该如何解决这个问题？

我试图通过下载 jar 并在Eclipse中使用普通的 Java-Project 来使用Central Maven Repo的 MD-Library 。

从中央 Maven 存储库中，我使用了 jar gwt-material，因为它在编译期间说我也需要 MD-jQuery-lib，所以我也将该 jar 集成到gwt-material-jQuery中。

所以跟随你会发现

• gwt.xml：我继承了 gwt 项目所需的所有库
• 带有-method的 entryPoint-class ( Addressbook2)onModuleLoad()
• UIBinder-class，需要在entryPoint-class中添加一个实例
• 将 MatDes-Lib 集成为资源字段的 UIBinder.ui.xml 文件

提前为这么大的帖子道歉。不知道如何包装更紧凑。

因此，在集成 MatDes-jQuery-Lib 之后，现在在Eclipse中运行和编译它确实可以使用，但是当我在本地主机上打开地址时，我只是得到一个没有内容的白色浏览器窗口，甚至无法打开 Dev-Tools。我是在配置中遗漏了什么，还是代码不正确而我必须对其进行调整？GWT Development Mode with Jettyhttp://127.0.0.1:8888/Addressbook.html

gwt.xml

入口点类

MainViewUIB 类

MainViewUI.ui.xml

这就是我通过在 chrome 中检查页面得到的结果，我只在页面上得到一个元素：

我正在尝试使用 gwt 编辑器框架，以便我可以让我的视图 ( SingleReplayView) 编辑我的 bean SingleClaimId。

这是我的视图类：

和我的豆类

当我尝试编译代码时出现错误

可以帮忙吗？

这是在浏览器上显示的异常。

java.lang.reflect.InvocationTargetException at sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method) at sun.reflect.NativeMethodAccessorImpl.invoke(Unknown Source) at sun.reflect.DelegatingMethodAccessorImpl.invoke(Unknown Source) at java.lang.reflect。 Method.invoke(Unknown Source) at com.google.gwt.dev.shell.ModuleSpace.onLoad(ModuleSpace.java:423) at com.google.gwt.dev.shell.OophmSessionHandler.loadModule(OophmSessionHandler.java:200) at com.google.gwt.dev.shell.BrowserChannelServer.processConnection(BrowserChannelServer.java:530) 在 com.google.gwt.dev.shell.BrowserChannelServer.run(BrowserChannelServer.java:368) 在 java.lang.Thread.run(未知来源）原因：com.google.gwt.core.client.JavaScriptException: (null) @gwt.material.design.jquery.client.api.JQuery::$(Lcom/google/gwt/dom/client/Element ;)([JavaScript object(8)]): null at com.google.gwt.dev.shell.BrowserChannelServer.invokeJavascript(BrowserChannelServer.java:252) at com.google.gwt.dev.shell.ModuleSpaceOOPHM.doInvoke(ModuleSpaceOOPHM. java:121) 在 com.google.gwt.dev.shell.ModuleSpace.invokeNative(ModuleSpace.java:573) 在 com.google.gwt.dev.shell.ModuleSpace.invokeNativeObject(ModuleSpace.java:293) 在 com.google .gwt.dev.shell.JavaScriptHost.invokeNativeObject(JavaScriptHost.java:91) 在 gwt.material.design.jquery.client.api.JQuery.$(JQuery.java) 在 gwt.material.design.jquery.client.api .JQuery.$(JQuery.java:167) 在 gwt.material.design.client.base.MaterialWidget.$this(MaterialWidget.java:157) 在 com.mdesign.vadiraj.client.MaterialDesignWithCarousel.onModuleLoad(MaterialDesignWithCarousel.java: 32) ... 9 更多BrowserChannelServer.invokeJavascript(BrowserChannelServer.java:252) at com.google.gwt.dev.shell.ModuleSpaceOOPHM.doInvoke(ModuleSpaceOOPHM.java:121) at com.google.gwt.dev.shell.ModuleSpace.invokeNative(ModuleSpace.java: 573) 在 com.google.gwt.dev.shell.ModuleSpace.invokeNativeObject(ModuleSpace.java:293) 在 com.google.gwt.dev.shell.JavaScriptHost.invokeNativeObject(JavaScriptHost.java:91) 在 gwt.material.design .jquery.client.api.JQuery.$(JQuery.java) 在 gwt.material.design.jquery.client.api.JQuery.$(JQuery.java:167) 在 gwt.material.design.client.base.MaterialWidget .$this(MaterialWidget.java:157) at com.mdesign.vadiraj.client.MaterialDesignWithCarousel.onModuleLoad(MaterialDesignWithCarousel.java:32) ... 还有 9 个BrowserChannelServer.invokeJavascript(BrowserChannelServer.java:252) at com.google.gwt.dev.shell.ModuleSpaceOOPHM.doInvoke(ModuleSpaceOOPHM.java:121) at com.google.gwt.dev.shell.ModuleSpace.invokeNative(ModuleSpace.java: 573) 在 com.google.gwt.dev.shell.ModuleSpace.invokeNativeObject(ModuleSpace.java:293) 在 com.google.gwt.dev.shell.JavaScriptHost.invokeNativeObject(JavaScriptHost.java:91) 在 gwt.material.design .jquery.client.api.JQuery.$(JQuery.java) 在 gwt.material.design.jquery.client.api.JQuery.$(JQuery.java:167) 在 gwt.material.design.client.base.MaterialWidget .$this(MaterialWidget.java:157) at com.mdesign.vadiraj.client.MaterialDesignWithCarousel.onModuleLoad(MaterialDesignWithCarousel.java:32) ... 还有 9 个ModuleSpaceOOPHM.doInvoke(ModuleSpaceOOPHM.java:121) at com.google.gwt.dev.shell.ModuleSpace.invokeNative(ModuleSpace.java:573) at com.google.gwt.dev.shell.ModuleSpace.invokeNativeObject(ModuleSpace.java: 293) 在 com.google.gwt.dev.shell.JavaScriptHost.invokeNativeObject(JavaScriptHost.java:91) 在 gwt.material.design.jquery.client.api.JQuery.$(JQuery.java) 在 gwt.material.design .jquery.client.api.JQuery.$(JQuery.java:167) 在 gwt.material.design.client.base.MaterialWidget.$this(MaterialWidget.java:157) 在 com.mdesign.vadiraj.client.MaterialDesignWithCarousel。 onModuleLoad(MaterialDesignWithCarousel.java:32) ... 还有 9 个ModuleSpaceOOPHM.doInvoke(ModuleSpaceOOPHM.java:121) at com.google.gwt.dev.shell.ModuleSpace.invokeNative(ModuleSpace.java:573) at com.google.gwt.dev.shell.ModuleSpace.invokeNativeObject(ModuleSpace.java: 293) 在 com.google.gwt.dev.shell.JavaScriptHost.invokeNativeObject(JavaScriptHost.java:91) 在 gwt.material.design.jquery.client.api.JQuery.$(JQuery.java) 在 gwt.material.design .jquery.client.api.JQuery.$(JQuery.java:167) 在 gwt.material.design.client.base.MaterialWidget.$this(MaterialWidget.java:157) 在 com.mdesign.vadiraj.client.MaterialDesignWithCarousel。 onModuleLoad(MaterialDesignWithCarousel.java:32) ... 还有 9 个293) 在 com.google.gwt.dev.shell.JavaScriptHost.invokeNativeObject(JavaScriptHost.java:91) 在 gwt.material.design.jquery.client.api.JQuery.$(JQuery.java) 在 gwt.material.design .jquery.client.api.JQuery.$(JQuery.java:167) 在 gwt.material.design.client.base.MaterialWidget.$this(MaterialWidget.java:157) 在 com.mdesign.vadiraj.client.MaterialDesignWithCarousel。 onModuleLoad(MaterialDesignWithCarousel.java:32) ... 还有 9 个293) 在 com.google.gwt.dev.shell.JavaScriptHost.invokeNativeObject(JavaScriptHost.java:91) 在 gwt.material.design.jquery.client.api.JQuery.$(JQuery.java) 在 gwt.material.design .jquery.client.api.JQuery.$(JQuery.java:167) 在 gwt.material.design.client.base.MaterialWidget.$this(MaterialWidget.java:157) 在 com.mdesign.vadiraj.client.MaterialDesignWithCarousel。 onModuleLoad(MaterialDesignWithCarousel.java:32) ... 还有 9 个

这是 Eclipse 控制台的异常。

14:34:14.799 [错误] [materialdesignwithcarousel] 无法加载模块入口点类 com.mdesign.vadiraj.client.MaterialDesignWithCarousel（有关详细信息，请参阅相关异常）

com.google.gwt.core.client.JavaScriptException: (null) @gwt.material.design.jquery.client.api.JQuery::$(Lcom/google/gwt/dom/client/Element;)([JavaScript 对象(8)]): null at com.google.gwt.dev.shell.BrowserChannelServer.invokeJavascript(BrowserChannelServer.java:252) at com.google.gwt.dev.shell.ModuleSpaceOOPHM.doInvoke(ModuleSpaceOOPHM.java:121) at com.google.gwt.dev.shell.ModuleSpace.invokeNative(ModuleSpace.java:573) 在 com.google.gwt.dev.shell.ModuleSpace.invokeNativeObject(ModuleSpace.java:293) 在 com.google.gwt.dev。 shell.JavaScriptHost.invokeNativeObject(JavaScriptHost.java:91) 在 gwt.material.design.jquery.client.api.JQuery.$(JQuery.java) 在 gwt.material.design.jquery.client.api.JQuery.$( JQuery.java:167) 在 gwt.material.design.client.base.MaterialWidget.$this(MaterialWidget.java:157）在 com.mdesign.vadiraj.client.MaterialDesignWithCarousel.onModuleLoad(MaterialDesignWithCarousel.java:32) 在 sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method) 在 sun.reflect.NativeMethodAccessorImpl.invoke(Unknown Source) 在 sun.reflect。 DelegatingMethodAccessorImpl.invoke(Unknown Source) at java.lang.reflect.Method.invoke(Unknown Source) at com.google.gwt.dev.shell.ModuleSpace.onLoad(ModuleSpace.java:423) at com.google.gwt.dev .shell.OophmSessionHandler.loadModule(OophmSessionHandler.java:200) 在 com.google.gwt.dev.shell.BrowserChannelServer.processConnection(BrowserChannelServer.java:530) 在 com.google.gwt.dev.shell.BrowserChannelServer.run(BrowserChannelServer .java:368）在 java.lang.Thread.run（未知来源）onModuleLoad(MaterialDesignWithCarousel.java:32) 在 sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method) 在 sun.reflect.NativeMethodAccessorImpl.invoke(Unknown Source) 在 sun.reflect.DelegatingMethodAccessorImpl.invoke(Unknown Source) 在 java.lang.reflect .Method.invoke(Unknown Source) at com.google.gwt.dev.shell.ModuleSpace.onLoad(ModuleSpace.java:423) at com.google.gwt.dev.shell.OophmSessionHandler.loadModule(OophmSessionHandler.java:200)在 com.google.gwt.dev.shell.BrowserChannelServer.processConnection(BrowserChannelServer.java:530) 在 com.google.gwt.dev.shell.BrowserChannelServer.run(BrowserChannelServer.java:368) 在 java.lang.Thread.run （来源不明）onModuleLoad(MaterialDesignWithCarousel.java:32) 在 sun.reflect.NativeMethodAccessorImpl.invoke0(Native Method) 在 sun.reflect.NativeMethodAccessorImpl.invoke(Unknown Source) 在 sun.reflect.DelegatingMethodAccessorImpl.invoke(Unknown Source) 在 java.lang.reflect .Method.invoke(Unknown Source) at com.google.gwt.dev.shell.ModuleSpace.onLoad(ModuleSpace.java:423) at com.google.gwt.dev.shell.OophmSessionHandler.loadModule(OophmSessionHandler.java:200)在 com.google.gwt.dev.shell.BrowserChannelServer.processConnection(BrowserChannelServer.java:530) 在 com.google.gwt.dev.shell.BrowserChannelServer.run(BrowserChannelServer.java:368) 在 java.lang.Thread.run （来源不明）NativeMethodAccessorImpl.invoke(Unknown Source) at sun.reflect.DelegatingMethodAccessorImpl.invoke(Unknown Source) at java.lang.reflect.Method.invoke(Unknown Source) at com.google.gwt.dev.shell.ModuleSpace.onLoad(ModuleSpace. java:423) 在 com.google.gwt.dev.shell.OophmSessionHandler.loadModule(OophmSessionHandler.java:200) 在 com.google.gwt.dev.shell.BrowserChannelServer.processConnection(BrowserChannelServer.java:530) 在 com.google .gwt.dev.shell.BrowserChannelServer.run(BrowserChannelServer.java:368) at java.lang.Thread.run(Unknown Source)NativeMethodAccessorImpl.invoke(Unknown Source) at sun.reflect.DelegatingMethodAccessorImpl.invoke(Unknown Source) at java.lang.reflect.Method.invoke(Unknown Source) at com.google.gwt.dev.shell.ModuleSpace.onLoad(ModuleSpace. java:423) 在 com.google.gwt.dev.shell.OophmSessionHandler.loadModule(OophmSessionHandler.java:200) 在 com.google.gwt.dev.shell.BrowserChannelServer.processConnection(BrowserChannelServer.java:530) 在 com.google .gwt.dev.shell.BrowserChannelServer.run(BrowserChannelServer.java:368) at java.lang.Thread.run(Unknown Source)dev.shell.OophmSessionHandler.loadModule(OophmSessionHandler.java:200) 在 com.google.gwt.dev.shell.BrowserChannelServer.processConnection(BrowserChannelServer.java:530) 在 com.google.gwt.dev.shell.BrowserChannelServer.run( BrowserChannelServer.java:368）在 java.lang.Thread.run（未知来源）dev.shell.OophmSessionHandler.loadModule(OophmSessionHandler.java:200) 在 com.google.gwt.dev.shell.BrowserChannelServer.processConnection(BrowserChannelServer.java:530) 在 com.google.gwt.dev.shell.BrowserChannelServer.run( BrowserChannelServer.java:368）在 java.lang.Thread.run（未知来源）

这是我的项目设置 - Java 1.8 | GWT 2.8.1 | 经典开发模式

继承 name="gwt.material.design.jquery.JQuery"

继承 name='gwt.material.design.GwtMaterialWithJQuery'

继承 name="gwt.material.design.GwtMaterialDesignBasic"

附加来自 Entrypoint 类的代码片段

我需要开发一个看起来像 android 风格的 Switch 小部件的复选框小部件。这个小部件应该是有状态的（应该保持真假值）。

正因为如此，我不想继承像https://gwtmaterialdesign.github.io/gwt-material-demo/#switches这样的全新库

有没有人有现成的代码来实现这一点？必需的 java 类 + CSS 更改。

我尝试过 mGWT 和 GWT Material 设计库。但是我们的目标不是仅仅为了一个小部件而继承任何外部库。

我正在尝试将数据表添加到我的页面，但无论我尝试什么，我都会不断抛出异常。

我的观点：

我的 ui.xml：

当我按原样运行它时，代码会引发异常，结果是空白显示。如果我注释掉表格（以及视图中的 UiField），一切正常。

使用 Firefox 调试器，我可以将其追溯到对 initWidget() 的调用。它抛出以下错误：

抛出错误的代码行在 gwt.material.design.client.ui.table.Table 中：

具体来说，导致异常的是对 getElement() 的 Javascript 调用。

我已经尝试了所有我能想到的东西，但我不知道如何超越这一点。

建议？

I am using the Material Design Components for Web library. I have a tab component that I'd like to change the underline-color of.

The instructions say

To customize the tab indicator, use the following mixins.

Then it gives a table. For underline color, it says

underline-color($color) Customizes the color of the underline.

So, I try in my scss file, the following:

I compile my sass (using dart-sass) and get the following error

It says this is a "Sass Mixin." So, I look at the SASS documentation on mixins. I see nothing that follows the syntax mixin-name($variable). Everything in there looks like

with curly braces, not parentheses. But, the error said it was expecting a curly brace, and also apparently the @ symbol is required. So, I try:

This doesn't throw an error, but doesn't cause the underline color to change. I try to follow the syntax of the sass docs:

No error, but no color change. I try to match the syntax better:

This throws

I try

Same error.

I don't understand what the material components documentation is instructing. What does it mean when it says "To customize the tab indicator, use the following mixins." ? How can I change the underline color of the Material Design Component tab indicator?

我正在尝试制作一个TextInputLayout，其中我采用了一个TextInputEditText，但即使在将 TextInputEditText 边距设置为 0 之后，布局内也有一个默认边距，我知道为什么但有点困惑。

问题截图