GWT Предложение предлагает переопределить поведение по умолчанию
У меня есть текстовое поле для поиска продукта в моем приложении. Когда пользователь вводит что-то в текстовое поле, он должен отображать предложения, чтобы пользователь мог искать в любой конкретной категории продукта.
Например, если товары относятся к категории "Мужчины", "Женщины", "Дети", "Лето", "Зима" и пользователь ввел "обувь", в списке предложений должно отображаться следующее:
foot wear in Men
foot wear in Women
foot wear in Kids
foot wear in Summer
foot wear in Winter
в событии KeyUp я очищаю текущие предложения и заполняю новый список предложений, добавляя каждое имя категории с пользователем, набранным в тексте. Он работает нормально, пока пользователь не вводит ничего, совпадающее с именем категории. То есть, если пользователь ввел "Win", предложение показывает только
Wi in Winter
Но я ожидаю, что предложения будут
Win in Men
Win in Women
Win in Kids
Win in Summer
Win in Winter
Может кто-нибудь сказать, что может быть не так.
Благодарю.
Обновление - прикрепил код
Я на самом деле создал собственный виджет. ниже мой шаблон Java и XML
public class MySearchBox extends Composite implements IsWidget, HasKeyDownHandlers, HasSelectionHandlers<Suggestion>, KeyUpHandler, ClickHandler, BlurHandler
{
private static MySearchBoxUiBinder uiBinder = GWT.create(MySearchBoxUiBinder.class);
interface MySearchBoxUiBinder extends UiBinder<Widget, MySearchBox>
{
}
private static final List<String> PDT_CHANNELS = Arrays.asList("Men", "Women", "Kids", "Summer", "Winter");
@UiField
SuggestBox mySuggestionBox;
public MySearchBox()
{
initWidget(uiBinder.createAndBindUi(this));
initialize();
}
private void initialize()
{
mySuggestionBox.getTextBox().addKeyUpHandler(this);
mySuggestionBox.getTextBox().addClickHandler(this);
mySuggestionBox.getTextBox().addBlurHandler(this);
}
@Override
public void onKeyUp(final KeyUpEvent event)
{
if(event.getNativeKeyCode() != KeyCodes.KEY_ENTER)
{
populateOracle(mySuggestionBox.getText().trim());
}
}
private void populateOracle(final String inputText)
{
String searchText = "";
if(inputText != null)
{
searchText = inputText.trim();
}
if((searchText == null || searchText.length() < 1))
{
clearOracle();
mySuggestionBox.showSuggestionList();
return;
}
final List<String> oracleSuggestions = new ArrayList<String>();
for(String scope : PDT_CHANNELS)
{
oracleSuggestions.add(searchText + " in " + scope);
}
populateOracle(oracleSuggestions);
}
private void clearOracle()
{
final MultiWordSuggestOracle oracle = (MultiWordSuggestOracle)mySuggestionBox.getSuggestOracle();
final DefaultSuggestionDisplay suggestionDisplay = (DefaultSuggestionDisplay)mySuggestionBox
.getSuggestionDisplay();
if(suggestionDisplay.isSuggestionListShowing())
{
suggestionDisplay.hideSuggestions();
}
oracle.clear();
}
private void populateOracle(final List<String> data)
{
final MultiWordSuggestOracle oracle = (MultiWordSuggestOracle)mySuggestionBox.getSuggestOracle();
oracle.clear();
oracle.addAll(data);
final DefaultSuggestionDisplay suggestionDisplay = (DefaultSuggestionDisplay)mySuggestionBox
.getSuggestionDisplay();
if(!suggestionDisplay.isSuggestionListShowing())
{
mySuggestionBox.showSuggestionList();
}
}
@Override
public HandlerRegistration addSelectionHandler(final SelectionHandler<Suggestion> handler)
{
return mySuggestionBox.addHandler(handler, SelectionEvent.getType());
}
@Override
public HandlerRegistration addKeyDownHandler(final KeyDownHandler handler)
{
return mySuggestionBox.addHandler(handler, KeyDownEvent.getType());
}
}
Шаблон XML:
</ui:style>
<g:SuggestBox ui:field="mySuggestionBox"></g:SuggestBox>
</ui:UiBinder>
1 ответ
Я определил, что пошло не так в моем коде. Я очистил список предложений, вызвав clearOracle(); а затем добавление новых предложений. Это сработало. Спасибо всем.
private void populateOracle(final String inputText)
{
String searchText = "";
if(inputText != null)
{
searchText = inputText.trim();
}
clearOracle();
if((searchText == null || searchText.length() < 1))
{
mySuggestionBox.showSuggestionList();
return;
}
final List<String> oracleSuggestions = new ArrayList<String>();
for(String scope : PDT_CHANNELS)
{
oracleSuggestions.add(searchText + " in " + scope);
}
populateOracle(oracleSuggestions);
}