Creating custom components

public class FlightMenu extends XulElement
	{
	private int totalItemCount = 0;
	
	private static Command collapsAll = new ComponentCommand("onCollapsAll", 0) {
		@Override
		protected void process(AuRequest request)
			{
			final FlightMenu fmenu = (FlightMenu)request.getComponent();
			fmenu.doCollapsAll();
			Events.postEvent(new Event(getId(), fmenu, request.getData()));
			}
	};

	@Override
	public Command getCommand(String cmdId)
		{
		if("collapsAll".equals(cmdId))
			{ return collapsAll; } 
			
		return super.getCommand(cmdId);
		}

	void doCollapsAll()
		{
		//Do some stuff...
		System.out.println("I really want to get into this method!!! :-/ ");

		//Response back to browser.. Not really sure how these values should map..
		response("ctrl", new AuInvoke(this, "collapsAll", "test123"));
		this.invalidate(); //is this needed?
		}

	@Override
	public String getOuterAttrs()
		{
		// Not sure exactly what i am doing in her to be honest.. O:) . what must be in place. (what about sub html elements?)
		StringBuffer sb = new StringBuffer();
		sb.append(Events.isListened(this, "onCollapsAll", true) ? " z.onCollapsAll=\"true\"" : " ");
		sb.append(" " + super.getOuterAttrs());
		return sb.toString();
		}
	}

zkFlightMenu = {};

zkFlightMenu.init = function(cmp) {
	var collapsAll = $e(cmp.id + "!CollapsAll");
	collapsAll.onclick = zkFlightMenu.onCollapsAll;
	zk.listen(cmp, "onCollapsAll", zkFlightMenu.onCollapsAll); //not sure about this..
};

zkFlightMenu.onCollapsAll = function(evt) {
	if(!evt)
		{ evt = window.event; }

	var target = Event.element(evt);
	var parentId = target.id.substr(0, idStr.indexOf("!"));
	zkau.sendasap({uuid: parentId , cmd: 'onCollapsAll', ctl: true}, zkau.asapTimeout($e(parentId),'onCollapsAll'));
	alert("sendt..??");	 //Well i really do get into this javascript menthod but noting on the server side. 
	// Nope! This is not working and nothing is triggered on the server ;(...
};

//From server to client
zkFlightMenu.setAttr = function (cmp, name, value) {

	alert("cmp:" + cmp + "\nname:" + name + "\nvalue:" + value);
	if("disabled" == name)
		{
		zkau.setAttr(cmp, name, value); //update cmp.disabled first
		//whatever
		return true; //attribute has been updated
		}
	return false;
};

public class FlightMenuDefaultView implements ComponentRenderer
	{
	@Override
	public void render(Component comp, Writer out) throws IOException
		{
		final FlightMenu self = (FlightMenu)comp;
		out.write("<div id=\"");
		out.write(self.getUuid());
		out.write("\" z.type=\"path.menu.FlightMenu\"");
		out.write(self.getOuterAttrs());
		out.write(self.getInnerAttrs());
		out.write(" >");

		out.write("<a id=\"" + self.getUuid() + "!CollapsAll\" >");
		out.write(this.getCollapsLabel());
		out.write("</a>");

		// And so on...
		}
	}