add possibility to use templates based on https://github.com/BorisMoore/jsrender

wicketstuff-jquery-ui-parent/pom.xml

@@ -39,6 +39,11 @@
 			<name>Martin Grigorov</name>
 			<email>mgrigorov@apache.org</email>
 		</developer>
+        <developer>
+            <id>reiern70</id>
+            <name>Ernesto Reinaldo Barreiro</name>
+            <email>reiern70@apache.org</email>
+        </developer>
 	</developers>
 
 	<build>

wicketstuff-jquery-ui-parent/wicketstuff-jquery-ui-core/src/main/java/org/wicketstuff/jquery/core/template/JQueryAbstractTemplateBehavior.java

@@ -58,4 +58,12 @@ public void renderHead(Component component, IHeaderResponse response)
 	 * @return the {@link JQueryTemplateResourceStream}
 	 */
 	protected abstract JQueryTemplateResourceStream newResourceStream();
+
+	/**
+	 * @return The JavaScript code rendering the template.
+	 */
+	public String getTemplateRenderingCode()
+	{
+		return null;
+	}
 }

wicketstuff-jquery-ui-parent/wicketstuff-jquery-ui-samples/src/main/java/org/wicketstuff/jquery/ui/samples/jqueryui/autocomplete/TemplateAutoCompletePage.html

@@ -19,6 +19,15 @@
 			<div wicket:id="feedback" style="width: 360px;"></div>
 		</form>
 	</div>
+    <div id="demo-panel1">
+        <form wicket:id="form1">
+            <div>Select a metal genre: (containing any char)</div>
+            <br/>
+            <input wicket:id="autocomplete1" type="text" size="30" /><br/>
+            <br/>
+            <div wicket:id="feedback1" style="width: 360px;"></div>
+        </form>
+    </div>
 </wicket:extend>
 </body>
 </html>

wicketstuff-jquery-ui-parent/wicketstuff-jquery-ui-samples/src/main/java/org/wicketstuff/jquery/ui/samples/jqueryui/autocomplete/TemplateAutoCompletePage.java

@@ -14,11 +14,13 @@
 import org.apache.wicket.model.Model;
 import org.wicketstuff.jquery.core.resource.StyleSheetPackageHeaderItem;
 import org.wicketstuff.jquery.core.template.IJQueryTemplate;
+import org.wicketstuff.jquery.core.template.JQueryAbstractTemplateBehavior;
 import org.wicketstuff.jquery.core.utils.ListUtils;
 import org.wicketstuff.jquery.ui.form.autocomplete.AutoCompleteTextField;
 import org.wicketstuff.jquery.ui.panel.JQueryFeedbackPanel;
 import org.wicketstuff.jquery.ui.samples.data.bean.Genre;
 import org.wicketstuff.jquery.ui.samples.data.dao.GenresDAO;
+import org.wicketstuff.jquery.ui.template.JQueryJsRenderTemplateBehavior;
 
 public class TemplateAutoCompletePage extends AbstractAutoCompletePage
 {
@@ -30,15 +32,15 @@ public TemplateAutoCompletePage()
 		final IModel<Genre> model = Model.of(GenresDAO.newGenre());
 
 		// Form //
-		final Form<Void> form = new Form<Void>("form");
+		final Form<Void> form = new Form<>("form");
 		this.add(form);
 
 		// FeedbackPanel //
 		final FeedbackPanel feedback = new JQueryFeedbackPanel("feedback");
 		form.add(feedback.setOutputMarkupId(true));
 
 		// Auto-complete //
-		form.add(new AutoCompleteTextField<Genre>("autocomplete", model) {
+		form.add(new AutoCompleteTextField<>("autocomplete", model) {
 
 			private static final long serialVersionUID = 1L;
 
@@ -86,6 +88,69 @@ public List<String> getTextProperties()
 				};
 			}
 		});
+
+		// Form //
+		final Form<Void> form1 = new Form<>("form1");
+		this.add(form1);
+
+		// FeedbackPanel //
+		final FeedbackPanel feedback1 = new JQueryFeedbackPanel("feedback1");
+		form1.add(feedback.setOutputMarkupId(true));
+
+		// Auto-complete //
+		form1.add(new AutoCompleteTextField<>("autocomplete1", model) {
+
+			private static final long serialVersionUID = 1L;
+
+			@Override
+			protected List<Genre> getChoices(String input)
+			{
+				return ListUtils.contains(input, GenresDAO.all());
+			}
+
+			@Override
+			protected void onSelected(AjaxRequestTarget target)
+			{
+				info("Your favorite rock genre is: " + this.getModelObject());
+				target.add(feedback);
+			}
+
+			@Override
+			protected JQueryAbstractTemplateBehavior createTemplateBehavior(IJQueryTemplate template) {
+				return new JQueryJsRenderTemplateBehavior(template);
+			}
+
+			@Override
+			protected IJQueryTemplate newTemplate()
+			{
+				return new IJQueryTemplate() {
+
+					private static final long serialVersionUID = 1L;
+
+					/**
+					 * The template text will be enclosed in a <script type="text/x-jquery-tmpl" />.
+					 * You can use the "\n" character to properly format the template.
+					 */
+					@Override
+					public String getText()
+					{
+						return	"<table style='width: 100%' cellspacing='0' cellpadding='0'>\n" +
+								" <tr>\n" +
+								"  <td><img src='{{coverUrl}}' width='50px' /></td>\n" +
+								"  <td>{{name}}</td>\n" +
+								" </tr>\n" +
+								"</table>";
+					}
+
+					@Override
+					public List<String> getTextProperties()
+					{
+						return Arrays.asList("name", "coverUrl");
+					}
+
+				};
+			}
+		});
 	}
 
 	// Methods //

wicketstuff-jquery-ui-parent/wicketstuff-jquery-ui/src/main/java/org/wicketstuff/jquery/ui/form/autocomplete/AutoCompleteTextField.java

@@ -30,6 +30,7 @@
 import org.wicketstuff.jquery.core.renderer.ITextRenderer;
 import org.wicketstuff.jquery.core.renderer.TextRenderer;
 import org.wicketstuff.jquery.core.template.IJQueryTemplate;
+import org.wicketstuff.jquery.core.template.JQueryAbstractTemplateBehavior;
 import org.wicketstuff.jquery.core.utils.RequestCycleUtils;
 import org.wicketstuff.jquery.ui.template.JQueryTemplateBehavior;
 
@@ -52,7 +53,7 @@ public abstract class AutoCompleteTextField<T extends Serializable> extends Text
 	private final IConverter<T> converter;
 
 	private final IJQueryTemplate template;
-	private JQueryTemplateBehavior templateBehavior = null;
+	private JQueryAbstractTemplateBehavior templateBehavior = null;
 
 	/**
 	 * Cache of current choices, needed to retrieve the user selected object
@@ -246,11 +247,22 @@ protected void onInitialize()
 
 		if (this.template != null)
 		{
-			this.templateBehavior = new JQueryTemplateBehavior(this.template);
+			this.templateBehavior = createTemplateBehavior(this.template);
 			this.add(this.templateBehavior);
 		}
 	}
 
+	/**
+	 * Factory method for {@link JQueryAbstractTemplateBehavior}
+	 *
+	 * @param template {@link IJQueryTemplate}
+	 * @return
+	 */
+	protected JQueryAbstractTemplateBehavior createTemplateBehavior(IJQueryTemplate template)
+	{
+		return new JQueryTemplateBehavior(this.template);
+	}
+
 	@Override
 	public void onConfigure(JQueryBehavior behavior)
 	{
@@ -311,13 +323,15 @@ protected CharSequence getChoiceCallbackUrl()
 			{
 				if (templateBehavior != null)
 				{
-					// warning, the template text should be of the form <a>...</a> in order to work
-					String render = "jQuery('%s').data('ui-autocomplete')._renderItem = function( ul, item ) { " // lf
-							+ "var content = jQuery.tmpl(jQuery('#%s').html(), item);" // lf
-							+ "return jQuery('<li/>').data('ui-autocomplete-item', item).append(content).appendTo(ul);" // lf
-							+ "}";
-
-					return super.$() + String.format(render, this.selector, templateBehavior.getToken());
+					if (templateBehavior.getTemplateRenderingCode() != null) {
+						// warning, the template text should be of the form <a>...</a> in order to work
+						String render = "jQuery('%s').data('ui-autocomplete')._renderItem = function( ul, item ) { " // lf
+								+ "var content = " + templateBehavior.getTemplateRenderingCode() // lf
+								+ "return jQuery('<li/>').data('ui-autocomplete-item', item).append(content).appendTo(ul);" // lf
+								+ "}";
+
+						return super.$() + String.format(render, this.selector, templateBehavior.getToken());
+					}
 				}
 
 				return super.$();

wicketstuff-jquery-ui-parent/wicketstuff-jquery-ui/src/main/java/org/wicketstuff/jquery/ui/template/JQueryJsRenderTemplateBehavior.java

@@ -0,0 +1,93 @@
+/*
+ * Licensed to the Apache Software Foundation (ASF) under one or more
+ * contributor license agreements.  See the NOTICE file distributed with
+ * this work for additional information regarding copyright ownership.
+ * The ASF licenses this file to You under the Apache License, Version 2.0
+ * (the "License"); you may not use this file except in compliance with
+ * the License.  You may obtain a copy of the License at
+ *
+ *      http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package org.wicketstuff.jquery.ui.template;
+
+import org.apache.wicket.Component;
+import org.apache.wicket.markup.head.IHeaderResponse;
+import org.apache.wicket.markup.head.JavaScriptHeaderItem;
+import org.apache.wicket.markup.head.PriorityHeaderItem;
+import org.apache.wicket.request.resource.PackageResourceReference;
+import org.apache.wicket.resource.JQueryPluginResourceReference;
+import org.wicketstuff.jquery.core.template.IJQueryTemplate;
+import org.wicketstuff.jquery.core.template.JQueryAbstractTemplateBehavior;
+import org.wicketstuff.jquery.core.template.JQueryTemplateResourceStream;
+
+/**
+ * Templates machinery based on <a href="https://github.com/BorisMoore/jsrender">jsrender</a>
+ *
+ * @author reiern70
+ */
+public class JQueryJsRenderTemplateBehavior extends JQueryAbstractTemplateBehavior
+{
+	private static final long serialVersionUID = 1L;
+	public static final PackageResourceReference TMPL_JS = new JQueryPluginResourceReference(JQueryJsRenderTemplateBehavior.class, "jsrender.min.js");
+
+	private String token = null;
+	private final IJQueryTemplate template;
+
+	/**
+	 * Constructor
+	 *
+	 * @param template the {@link IJQueryTemplate} that this behavior should render via the resource stream
+	 */
+	public JQueryJsRenderTemplateBehavior(IJQueryTemplate template)
+	{
+		super();
+
+		this.template = template;
+	}
+
+	@Override
+	public void renderHead(Component component, IHeaderResponse response)
+	{
+		super.renderHead(component, response);
+
+		response.render(new PriorityHeaderItem(JavaScriptHeaderItem.forReference(JQueryJsRenderTemplateBehavior.TMPL_JS)));
+	}
+
+	// Methods //
+
+	@Override
+	public void bind(Component component)
+	{
+		super.bind(component);
+
+		this.token = String.format("%s-template", component.getMarkupId());
+	}
+
+	// Properties //
+
+	@Override
+	public String getToken()
+	{
+		return this.token;
+	}
+
+	// Factories //
+
+	@Override
+	protected JQueryTemplateResourceStream newResourceStream()
+	{
+		return new JQueryTemplateResourceStream(this.template.getText(), this.getToken());
+	}
+
+	@Override
+	public String getTemplateRenderingCode()
+	{
+		return "jQuery.templates(jQuery('#%s').html()).render(item);";
+	}
+}

wicketstuff-jquery-ui-parent/wicketstuff-jquery-ui/src/main/java/org/wicketstuff/jquery/ui/template/JQueryTemplateBehavior.java

@@ -85,4 +85,10 @@ protected JQueryTemplateResourceStream newResourceStream()
 	{
 		return new JQueryTemplateResourceStream(this.template.getText(), this.getToken());
 	}
+
+	@Override
+	public String getTemplateRenderingCode()
+	{
+		return "jQuery.tmpl(jQuery('#%s').html(), item);";
+	}
 }