jquery ui tabs组件如何实现点击导航树节点生成一个tab页面

如题。
我想实现的功能：
页面左侧是一颗导航树，右侧是主页面。
1. 当我点击左侧导航树的节点时，会在右侧页面生成一个tab页面。
2. 点击另外一个节点时，会在右侧页面新生成一个tab页面。
3. 点我点击已生成tab页面的节点时，会显示该节点对应的tab页面。
4. tab实现关闭关能。
大家看看，具体怎么做？
关键是第一步，点击导航树节点，在主页面生成tab页。
最好能够全部讲讲，不行的话，实现第一步也可以。
通过jquery ui tabs来实现，哪位做过类似的功能来指点更好。

http://trirand.com/blog/jqgrid/jqgrid.html 这个网站就是这样做的，你可以看看它的源码。

jQuery UI自身的树还没开发出来，我用的是它的插件jqGrid的表格树（还可以用jstree和其他的插件，但因为同时也要用到DataGrid，就直接用jqGrid了，避免多加入很多文件）

我也正在做这个，可以一起讨论下