<t:jquery.dialog t:clientId="myDialog">
	Dialog test!
	<t:zone t:id="myZone" id="myZone">${count}
				
		<t:form>
			Try "abcd" :<input t:type="TextField" type="text" t:id="goalName" 
				t:value="goalName" t:mixins="jquery/Autocomplete"/>
		</t:form>
	</t:zone>
				
</t:jquery.dialog>
			
<h3>Dialog Link</h3>
<t:jquery.dialoglink t:id="link1" t:dialog="myDialog">Open</t:jquery.dialoglink>
			
<h3>Dialog Ajax Link</h3>
<t:jquery.dialogajaxlink t:id="link2" t:dialog="myDialog" t:zone="myZone">
	Open
</t:jquery.dialogajaxlink>
	

		
public class DocsJQueryDialog extends Autocomplete
{
	@Component
	private Zone myZone;
	
	@Persist 
	private Integer count;
	
	@Inject
	private Request request;
	
	@Property
	private String goalName;
	
	@OnEvent(EventConstants.ACTIVATE)
	void init()
	{
	    if (count == null)
	        count = 0;
	}
	
	public Integer getCount()
	{
	    return count++;
	}
	
	@OnEvent(EventConstants.ACTION)
	Object updateCount()
	{
	    if (!request.isXHR()) { return this; }
	    return myZone;
	}
}