Question

我有文本框和按钮，然后传递另一个文本框中的值。我希望第二个文本框的限制应该是10，如果限制超过了10，那么{...}应该显示10个字符，如果我们打开{...}那么整个字符我第一个文本框中的类型将显示。我工作的当前代码

   public static native void hello()
    /*-{
     var body=$doc.getElementsByTagName("body")[0];
     var text=$doc.createElement("input");
     body.appendChild(text);
     var button=$doc.createElement("button");
     var buttontext=$doc.createTextNode("OK");
     button.appendChild(buttontext);
     body.appendChild(button);
     button.addEventListener("click",function(e)
     {

         var text1=$doc.createElement("input");
         text1.value=text.value;
         body.appendChild(text1);
         if(text1.value.maxlength<10)
         {the character will be shown upto 10 and after that 10 character the {...} will shown and if the {...} will be clicked then the whole character will show.}
         else
         {the character upto the limit 10}


     });
}-*/;

Answer 1

不确定我是否理解你，但也许这是另一种方法，基于纯GWT而不是JSNI：

创建为一个用于“...”和另一个用于textlabel（它们可以是TextLabel）。
在第一个div上，用css隐藏文本溢出。
添加addKeyDownHandler，检查是否已达到限制并显示“...”。另外，在其上添加点击处理程序（用于显示全文）。
如果用户点击“...”，则会显示所有文字。
如果您有兴趣保持相同的状态，请在失去焦点时检查第二个div。

文本框的字符限制

1 个答案: