【布局:】
为了让左边区域(#accordion1)的连接能显示到右边区域(#framecenter)并生成tab选项卡,需创建以下js函数:
function f_heightChanged(options)
{
if (tab)
tab.addHeight(options.diff);
if (accordion && options.middleHeight - 24 > 0)
accordion.setHeight(options.middleHeight - 24);
}
function f_addTab(tabid,text, url)
{
tab.addTabItem({ tabid : tabid,text: text, url: url });
}
然后在 $(function (){ ...........});里加入:
tab = $("#framecenter").ligerGetTabManager();
accordion = $("#accordion1").ligerGetAccordionManager();
tree = $("#tree1").ligerGetTreeManager();
并将#tree1的声明修改为:
$("#tree1").ligerTree({
data : .....
checkbox: false,
slide: false,
nodeWidth: 120,
attribute: ['nodename', 'url'],
onSelect: function (node)
{
if (!node.data.url) return;
var tabid = $(node.target).attr("tabid");
if (!tabid)
{
tabid = new Date().getTime();
$(node.target).attr("tabid", tabid)
}
f_addTab(tabid, node.data.text, node.data.url);
}
});