micro framework

Having fun with the Micro Framework.

I’m playing with the following demo

https://webix.com/demos/material/admin-app/#!/app/dashboard

I am trying to edit the code such that while in Products if I click on the edit pencil the view
switches to Product Edit, thus removing the need for the additional option in the menu bar.
When you save or delete the view will go back to the original Products screen.
In addition if I’, working with two views how do I get the details from the selected product into
the edit screen.

In the product screen I have added handle for fa-pencil but from here I am having no luck at all.

	"fa-pencil":function(e,id,node){
	    var item = webix.$$("productsData").getItem(id);
		webix.confirm({

			text:"Edit " + item.code + "?", ok:"Yes", cancel:"Cancel",
			callback:function(res){
				if(res){
					webix.$$("productsData").refresh(id);
				}
			}
		});
	}

Been hacking away at this for over a week now so its time to ask for help.