Ребилд компонентов

Добрый день!
Никак не могу разобраться с ребилдом компонентов, к примеру есть вот такая начальная конфигурация:

webix.ui({
					type: "space",
					rows:[
						{   
							view: "template",
							template: "<img src='logo.gif' />",
							type: "header",
							height: 100
						},
						webix.copy(top_menu),       
						{
							type: "wide",
							rows: [{
								view: "template",
                                                                template: "<h1>Важная информация</h1>",
								id: "content"
							}]
						},
						{   
							view: "template",
							template: "",
							type: "header"
						},
					]
				});

при нажатии на пункт меню из top_menu html-текст в id=“content” заменить на элементы интерфейса, я пробую вот так:

var categoriesList = {
	view: "template",
	id: "content",
	rows: [
		{
			view: "menu",
			id: "categoriesListMenu",
			layout:"y",
			data: [
				{ id: "cLM1", value: "Добавить" },
				{ id: "cLM2", value: "Редактировать" },
				{ id: "cLM3", value: "Удалить" },
			]
		},
		{
			view: "dataview",
			id: "categoriesListDataTable",

		}
	]
}
webix.ui(categoriesList,$$('content'));

но ничего не получается, подскажите как правильно сделать…
И как здесь правильно оформлять куски кода…

на вопрос не отвечу, а код надо сюда
http://webix.com/snippet/

Две проблемы

а) Вы используете rows и view:“template” одновременно, что неправильно, или это темплейт или это лайаут

б) неуникальный айдишки, сейчас webix не сможет заменить элемент на другой с такой же айдишкой ( адишка заменяемого равна айдишке создаваемого ) Это будет исправлено в Webix 2.4.5

http://webix.com/snippet/7de55bc8

спс за ответ

и да, как правильно размещать куски кода???..

Надо было использовать не rows а cols ))))
http://webix.com/snippet/f8aa636f