GWT SimplePager: Как обеспечить функциональность GoTo в пейджере?

Question

Я использую GWT2.3. Мы разработали CustomPager, переопределив SimplePager.

Мы переопределить метод CreateText() таким образом, что мы показываем строку, как «Страница 1 из 4», используя следующий код

public String createText() { 
     if(searchRecordCount%pageSizeForText == 0){ 
      totalPages = searchRecordCount/pageSizeForText; 
     }else{ 
      totalPages = (searchRecordCount/pageSizeForText) + 1; 
     } 
     NumberFormat formatter = NumberFormat.getFormat("#,###"); 
     return "Page "+formatter.format(this.getPage()+1) + " of " + formatter.format(totalPages); 
     } 

Теперь я хочу использовать TextBox для CurrentPage, так что пользователь может ввести номер страницы в текстовом поле. (Функциональность GoTo вошел PageNumber)

CreateText() возвращает строку, так что я не могу пользователем TextBox;) + не может обеспечить CSS

Как я могу это сделать? Есть ли способ решить эту проблему? Обходной путь, если любой или образец кода

Answer 1

Есть два способа добиться этого:

1.) Используйте HTML-код, чтобы создать TextBox:

В функции createText() вы можете создать текстовое поле вручную с помощью HTML-кода (лучше использовать SafeHTML templates для предотвращения XSS):

String textbox_str = "<input type='textbox' name='goto'>"; 

Однако вы должны написать код для обработки фактического события (т.е. ChangeEvent) и вызвать setPage() вашего SimplePager с использованием JSNI.

2.) Добавить TextBox виджет SimplePager и переопределить конструктор:

SimplePager в основном композит, который добавляет ImageButtons в конструктор для прямых и обратных связей.
Вы можете расширить SimplePager, добавить TextBox и переопределить конструктор, чтобы добавить TextBox между обратными и обратными ImageButtons.