Создание элемента span в gwt на лету

Question

Мне нужно создать элемент span внутри div, как только пользователь начнет вводить в div. Я установил свойство contenteditable div как true, но из-за этого введенный текст становится частью div, а не той областью, которую я пробовал использовать с помощью метода spanelement.focus(), но это не решило мою проблему.

Это мой образец фрагмент кода:

Element div = DOM.createDiv(); 
div.setClassName("intelliTextField"); 
div.setId("intelliTextField"); 
div.setAttribute("contenteditable", "true"); 

SpanElement span =div.appendChild(Document.get().createSpanElement());  
initialSpan.setAttribute("contenteditable", "true"); 

я добавление этого диапазона элемент Div, как только пользователь начинает вводить в div.But введенный текст становится частью DIV, а не продолжительность ,

Любая помощь?

Answer 1

Это вы имеете в виду?

Element div = DOM.createDiv(); 
div.setClassName("intelliTextField"); 
div.setId("intelliTextField"); 
div.setAttribute("contenteditable", "true"); 

Element spanElement = DOM.createSpan(); 
SpanElement mySpanElement = SpanElement.as(spanElement) 
//do some job on SpanElement 
DOM.appendChild(div, mySpanElement); 

Конечно, вы можете опустить создание SpanElement объекта и положить непосредственно SpanElement в DIV с помощью AppendChild