在GWT中添加HTML和Java脚本代码

Question

我需要在GwT中有一个微调框，但是由于我使用的是旧版GWT，因此我无法获得所需的确切功能。

现在，我正在使用GWT提供的GWT HTML小部件。

我在html小部件中添加了以下代码

HTML spinnerHours = new HTML("<p> Time in Hours : <INPUT ID=\"hours\" TYPE=\"NUMBER\" MIN=\"00\" MAX=\"23\" STEP=\"1\" VALUE=\"00\" SIZE=\"6\"  onkeypress=\"return validate(event)\"> <script type=\"text/javascript\">  function validate(key){ var keycode = (key.which) ? key.which : key.keyCode; var hours = document.getElementById('hours'); if ((keycode < 48 || keycode > 57)){return false;}else{if (hours.value.length <2){return true;}else{return false;}}}</script>");

但是在脚本标签中编写的用于进行某些验证的代码在使用小部件的一部分时无法按预期工作

当在浏览器中作为独立脚本进行测试时，java脚本可以很好地运行，即它将不允许键入字母或特殊字符，并且其最大长度为两位数

我们可以这样实现吗？ 有人可以帮助我如何进行这项工作或其他建议吗？

谢谢

Answer 1

您可以通过这种方式进行。 或创建一个html div，调用一个jsni方法来创建您的微调器，该方法可以调用其他jsni方法，您可以在其中编写验证方法。

最好的方法是，使用flowpanel创建您自己的gwt小部件版本，并使用复合类创建selectbox / combobox / textbox。 您可以在纯Java中定义单击处理程序，valuechange处理程序或其他所需的其他处理程序，然后在Java中执行验证。

这是指导如何使用复合材料创建新的小部件