在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中執行驗證。

這是指導如何使用復合材料創建新的小部件