List of usage examples for org.apache.wicket.extensions.ajax.markup.html.autocomplete AutoCompleteBehavior AutoCompleteBehavior
public AutoCompleteBehavior(final IAutoCompleteRenderer<T> renderer, final AutoCompleteSettings settings)
From source file:com.servoy.j2db.server.headlessclient.dataui.WebDataLookupField.java
License:Open Source License
private void init() { add(new HeaderContributor(new IHeaderContributor() { private static final long serialVersionUID = 1L; public void renderHead(IHeaderResponse response) { response.renderCSSReference( new CompressedResourceReference(WebDataLookupField.class, "servoy_lookupfield.css")); //$NON-NLS-1$ }/*from ww w. ja v a2 s . com*/ }) { @Override public boolean isEnabled(Component component) { return !getScriptObject().isReadOnly() && getScriptObject().isEnabled(); } }); setOutputMarkupPlaceholderTag(true); AutoCompleteSettings behSettings = new AutoCompleteSettings(); behSettings.setMaxHeightInPx(200); behSettings.setPreselect(true); behSettings.setShowCompleteListOnFocusGain(true); behSettings.setAdjustInputWidth(false); ClientProperties clp = (application.getApplicationType() != IApplication.HEADLESS_CLIENT ? ((WebClientInfo) Session.get().getClientInfo()).getProperties() : null); // in case of batch processors/jsp, we can't get browser info because UI is not given by web client components if (clp != null && (!clp.isBrowserInternetExplorer() || clp.getBrowserVersionMajor() >= 8)) { // smart positioning doesn't work on IE < 8 (probably because of unreliable clientWidth/clientHeight browser element js properties) behSettings.setUseSmartPositioning(true); behSettings.setUseHideShowCoveredIEFix(false); // don't know if the problem this setting is for can still be reproduced (I couldn't reproduce it)... this is true by default and makes fields in IE and Opera appear/dissapear if they would be covered by type-ahead popup } else { behSettings.setUseSmartPositioning(false); behSettings.setUseHideShowCoveredIEFix(true); } behSettings.setThrottleDelay(500); IAutoCompleteRenderer<Object> renderer = new IAutoCompleteRenderer<Object>() { protected String getTextValue(Object object) { String str = ""; //$NON-NLS-1$ if (object instanceof DisplayString) { str = object.toString(); } else if (object != null && !(object instanceof String)) { IConverter con = getConverter(object.getClass()); if (con != null) { str = con.convertToString(object, getLocale()); } else { str = object.toString(); } } else if (object != null) { str = object.toString(); } if (str == null || str.trim().equals("")) //$NON-NLS-1$ str = " "; //$NON-NLS-1$ return str; } protected void renderChoice(Object object, Response response, String criteria) { if (IValueList.SEPARATOR_DESIGN_VALUE.equals(object)) return; String renderedObject = getTextValue(object); // escape the markup if it is not html or not just an empty none breaking space (null or empty string object) if (!renderedObject.equals(" ") && !HtmlUtils.hasHtmlTag(renderedObject)) //$NON-NLS-1$ renderedObject = HtmlUtils.escapeMarkup(renderedObject, true, false).toString(); response.write(renderedObject); } /* * (non-Javadoc) * * @see org.apache.wicket.extensions.ajax.markup.html.autocomplete.IAutoCompleteRenderer#render(java.lang.Object, org.apache.wicket.Response, * java.lang.String) */ public void render(Object object, Response response, String criteria) { String textValue = getTextValue(object); if (textValue == null) { throw new IllegalStateException( "A call to textValue(Object) returned an illegal value: null for object: " + object.toString()); } textValue = textValue.replaceAll("\\\"", """); response.write("<li textvalue=\"" + textValue + "\""); response.write(">"); renderChoice(object, response, criteria); response.write("</li>"); } /* * (non-Javadoc) * * @see org.apache.wicket.extensions.ajax.markup.html.autocomplete.IAutoCompleteRenderer#renderHeader(org.apache.wicket.Response) */ @SuppressWarnings("nls") public void renderHeader(Response response) { StringBuffer listStyle = new StringBuffer(); listStyle.append("style=\""); String fFamily = "Tahoma, Arial, Helvetica, sans-serif"; String bgColor = "#ffffff"; String fgColor = "#000000"; String fSize = TemplateGenerator.DEFAULT_FONT_SIZE + "px"; String padding = "2px"; String margin = "0px"; if (getFont() != null) { Font f = getFont(); if (f != null) { if (f.getFamily() != null) { fFamily = f.getFamily(); if (fFamily.contains(" ")) fFamily = "'" + fFamily + "'"; } if (f.getName() != null) { String fName = f.getName(); if (fName.contains(" ")) fName = "'" + fName + "'"; fFamily = fName + "," + fFamily; } if (f.isBold()) listStyle.append("font-weight:bold; "); if (f.isItalic()) listStyle.append("font-style:italic; "); fSize = Integer.toString(f.getSize()) + "px"; } } if (getListColor() != null && getListColor().getAlpha() == 255) { // background shouldn't be transparent bgColor = getWebColor(getListColor().getRGB()); } if (getForeground() != null) { fgColor = getWebColor(getForeground().getRGB()); } Insets _padding = getPadding(); if (getPadding() != null) padding = _padding.top + "px " + _padding.right + "px " + _padding.bottom + "px " + _padding.left + "px"; listStyle.append("font-family:" + fFamily + "; "); listStyle.append("background-color: " + bgColor + "; "); listStyle.append("color: " + fgColor + "; "); listStyle.append("font-size:" + fSize + "; "); listStyle.append("min-width:" + (getSize().width - 6) + "px; "); // extract padding and border listStyle.append("margin: " + margin + "; "); listStyle.append("padding: " + padding + "; "); listStyle.append( "text-align:" + TemplateGenerator.getHorizontalAlignValue(getHorizontalAlignment())); listStyle.append("\""); response.write("<ul " + listStyle + ">"); } /* * (non-Javadoc) * * @see org.apache.wicket.extensions.ajax.markup.html.autocomplete.IAutoCompleteRenderer#renderFooter(org.apache.wicket.Response) */ public void renderFooter(Response response) { response.write("</ul>"); //$NON-NLS-1$ } /** * Returns web color representation of int rgba color by * removing the alpha value * * @param color int representation of rgba color * @return web color of form #rrggbb */ private String getWebColor(int color) { String webColor = Integer.toHexString(color); int startIdx = webColor.length() - 6; if (startIdx < 0) startIdx = 0; webColor = webColor.substring(startIdx); StringBuilder sb = new StringBuilder(); sb.append('#'); int nrMissing0 = 6 - webColor.length(); for (int i = 0; i < nrMissing0; i++) { sb.append('0'); } sb.append(webColor); return sb.toString(); } }; AutoCompleteBehavior<Object> beh = new AutoCompleteBehavior<Object>(renderer, behSettings) { private static final long serialVersionUID = 1L; /** * @see org.apache.wicket.extensions.ajax.markup.html.autocomplete.AutoCompleteBehavior#getChoices(java.lang.String) */ @Override protected Iterator<Object> getChoices(String input) { String filteredInput = filterInput(input); if (changeListener != null) dlm.getValueList().removeListDataListener(changeListener); try { dlm.fill(parentState, getDataProviderID(), filteredInput, false); return dlm.iterator(); } catch (Exception ex) { Debug.error(ex); } finally { if (changeListener != null) dlm.getValueList().addListDataListener(changeListener); } return Collections.emptyList().iterator(); } /** * filters the input in case of masked input (removes the mask) */ private String filterInput(String input) { String displayFormat = WebDataLookupField.this.parsedFormat.getDisplayFormat(); if (displayFormat != null && displayFormat.length() > 0 && input.length() == displayFormat.length()) { int index = firstBlankSpacePosition(input, displayFormat); if (index == -1) return input; return input.substring(0, index); } return input; } /** * Computes the index of the first space char found in the input and is not ' ' nor '*' in the format * Example: * input '12 - 3 - ' * format '## - ## - #' * returns 6 * @param input * @param displayFormat * @return The index of the first space char found in the input and is not ' ' nor '*' in the format */ private int firstBlankSpacePosition(String input, String displayFormat) { for (int i = 0; i < input.length(); i++) { if ((input.charAt(i) == ' ') && (displayFormat.charAt(i) != ' ') && (displayFormat.charAt(i) != '*')) return i; } return 0; } /** * @see org.apache.wicket.ajax.AbstractDefaultAjaxBehavior#getFailureScript() */ @Override protected CharSequence getFailureScript() { return "onAjaxError();"; //$NON-NLS-1$ } /** * @see org.apache.wicket.ajax.AbstractDefaultAjaxBehavior#getPreconditionScript() */ @Override protected CharSequence getPreconditionScript() { return "onAjaxCall();" + super.getPreconditionScript(); //$NON-NLS-1$ } // need to set this behavior to true (enterHidesWithNoSelection) because otherwise the onKeyDown events // or other events for the component with type ahead would be null in Firefox, and would not execute as // expected on the other browsers... @Override public void renderHead(IHeaderResponse response) { settings.setShowListOnEmptyInput(Boolean.TRUE.equals(UIUtils.getUIProperty(getScriptObject(), application, IApplication.TYPE_AHEAD_SHOW_POPUP_WHEN_EMPTY, Boolean.TRUE))); settings.setShowListOnFocusGain(Boolean.TRUE.equals(UIUtils.getUIProperty(getScriptObject(), application, IApplication.TYPE_AHEAD_SHOW_POPUP_ON_FOCUS_GAIN, Boolean.TRUE))); if (!getScriptObject().isReadOnly() && getScriptObject().isEnabled()) { super.renderHead(response); response.renderJavascript("Wicket.AutoCompleteSettings.enterHidesWithNoSelection = true;", //$NON-NLS-1$ "AutocompleteSettingsID"); //$NON-NLS-1$ } } /** * @see org.apache.wicket.behavior.AbstractBehavior#isEnabled(org.apache.wicket.Component) */ @Override public boolean isEnabled(Component component) { IFormUIInternal<?> formui = findParent(IFormUIInternal.class); if (formui != null && formui.isDesignMode()) { return false; } return super.isEnabled(component) && WebClientSession.get().useAjax(); } }; add(beh); }
From source file:org.artifactory.common.wicket.component.autocomplete.ImprovedAutoCompleteTextField.java
License:Open Source License
@Override protected AutoCompleteBehavior<T> newAutoCompleteBehavior(IAutoCompleteRenderer<T> renderer, AutoCompleteSettings settings) { return new AutoCompleteBehavior<T>(renderer, settings) { @Override//from w w w . j av a 2s.com public void renderHead(Component component, IHeaderResponse response) { super.renderHead(component, response); response.renderJavaScriptReference(AUTOCOMPLETE_JS); } @Override protected Iterator<T> getChoices(String input) { return ImprovedAutoCompleteTextField.this.getChoices(input); } }; }
From source file:org.onexus.website.api.pages.search.SearchPage.java
License:Apache License
public SearchPage(String componentId, IModel<SearchPageStatus> statusModel, boolean showTypes, boolean showLogo) { super(componentId, statusModel); IModel<SearchPageStatus> pageStatusModel = new PropertyModel<SearchPageStatus>(this, "status"); indicator = new WebMarkupContainer("indicator"); indicator.setOutputMarkupId(true);/*from w ww . j av a2s . com*/ indicator.add(new Image("loading", OnDomReadyPanel.LOADING_IMAGE)); add(indicator); WebMarkupContainer container = new WebMarkupContainer("container"); container.add(new AttributeModifier("class", showLogo ? "show-logo" : "hide-logo")); Form form = new Form<SearchPageStatus>("form"); form.add(new AjaxButton("submit") { @Override protected void onSubmit(AjaxRequestTarget target, Form<?> form) { setFiltersStatus(null); userFilter = null; SearchPage.this.onSubmit(SearchPage.this.getStatus(), SearchPage.this.getConfig().getWebsiteConfig().getORI().getParent(), userFilter); target.add(SearchPage.this.get("boxes")); } @Override protected void onError(AjaxRequestTarget target, Form<?> form) { } }); form.setMultiPart(true); // By default use the first search type List<SearchType> types = getConfig().getTypes(); if (getStatus().getType() == null && !types.isEmpty()) { getStatus().setType(types.get(0)); } search = new TextField<String>("search", new PropertyModel<String>(pageStatusModel, "search")); search.setOutputMarkupId(true); if (!Strings.isEmpty(getStatus().getType().getPlaceholder())) { search.add(new AttributeModifier("placeholder", getStatus().getType().getPlaceholder())); } search.add(new AutoCompleteBehavior<IEntity>(new EntityRenderer(), new AutoCompleteSettings()) { @Override protected Iterator<IEntity> getChoices(String input) { return getAutocompleteChoices(input); } @Override protected String findIndicatorId() { return null; } }); form.add(search); // Filters list modal final WebMarkupContainer widgetModal = new WebMarkupContainer("widgetModal"); widgetModal.setOutputMarkupId(true); widgetModal.add(new Label("header", "")); widgetModal.add(new EmptyPanel("widget")); widgetModal.add(new AjaxLink<String>("close") { @Override public void onClick(AjaxRequestTarget target) { target.appendJavaScript("$('#" + widgetModal.getMarkupId() + "').modal('hide')"); } }); form.add(widgetModal); final AjaxLink<String> list = new AjaxLink<String>("list") { @Override public void onClick(AjaxRequestTarget target) { FiltersWidgetConfig filters = getStatus().getType().getFilters(); if (filters != null) { FiltersWidgetStatus status = filters.createEmptyStatus(); status.setConfig(filters); setFiltersStatus(status); widgetModal.addOrReplace(new Label("header", filters.getTitle())); widgetModal.addOrReplace(new SearchFiltersWidget("widget", new PropertyModel<FiltersWidgetStatus>(SearchPage.this, "filtersStatus")) { @Override protected void applyFilter(FilterConfig filterConfig, AjaxRequestTarget target) { filterConfig.setDeletable(true); search.setModelValue(new String[] { filterConfig.getName() }); target.add(search); userFilter = filterConfig; SearchPage.this.addOrReplace(internalBoxesPanel(filterConfig)); target.add(SearchPage.this.get("boxes")); target.appendJavaScript("$('#" + widgetModal.getMarkupId() + "').modal('hide')"); } }); target.add(widgetModal); target.appendJavaScript("$('#" + widgetModal.getMarkupId() + "').modal('show')"); } } }; list.setOutputMarkupPlaceholderTag(true); form.add(list); FiltersWidgetConfig filters = getStatus().getType().getFilters(); if (filters == null) { list.setVisible(false); } else { list.add(new AttributeModifier("rel", "tooltip")); list.add(new AttributeModifier("title", filters.getTitle())); list.setVisible(true); } setFiltersStatus(null); // Choose type RadioChoice<SearchType> typeSelect = new RadioChoice<SearchType>("type", new PropertyModel<SearchType>(pageStatusModel, "type"), types, new SearchTypeRenderer()); typeSelect.add(new AjaxFormChoiceComponentUpdatingBehavior() { @Override protected void onUpdate(AjaxRequestTarget target) { getStatus().setSearch(""); if (!Strings.isEmpty(getStatus().getType().getPlaceholder())) { search.add(new AttributeModifier("placeholder", getStatus().getType().getPlaceholder())); } else { search.add(new AttributeModifier("placeholder", "")); } SearchPage.this.addOrReplace(internalBoxesPanel()); target.add(search); target.add(SearchPage.this.get("container").get("form").get("examplesContainer")); target.add(SearchPage.this.get("boxes")); FiltersWidgetConfig filters = getStatus().getType().getFilters(); if (filters == null) { list.setVisible(false); } else { list.setVisible(true); list.add(new AttributeModifier("title", filters.getTitle())); } setFiltersStatus(null); target.add(list); } }); form.add(typeSelect); typeSelect.setVisible(showTypes); container.add(form); add(container); // Examples WebMarkupContainer examples = new WebMarkupContainer("examplesContainer"); examples.setOutputMarkupId(true); examples.add(new ListView<SearchExample>("examples", new ExamplesModel(new PropertyModel<SearchType>(pageStatusModel, "type"))) { @Override protected void populateItem(ListItem<SearchExample> item) { AjaxLink<SearchExample> link = new AjaxLink<SearchExample>("link", item.getModel()) { @Override public void onClick(AjaxRequestTarget target) { onSearch(target, getModelObject().getQuery()); } }; link.add(new Label("label", new PropertyModel<String>(item.getModel(), "label"))); item.add(link); WebMarkupContainer sep = new WebMarkupContainer("sep"); sep.setVisible(item.getIndex() + 1 != getModelObject().size()); item.add(sep); } }); form.add(examples); add(internalBoxesPanel()); }