$("#tr1").tree({
url:'tree_data.json'
});
//双击树的节点添加面板
$("#tr").tree({
onDblClick:function(node){
addTab(node);
}
});
//添加面板
function addTab(node){
$("#ta").tabs('add',{
title:node.text,
content:'<table id="tb"></table>',
closable:true
});
}
//添加选项卡的时候添加数据表格
$(function(){
$("#ta").tabs({
onAdd:function(title,index){
addGrid();
}
});
});
//添加数据表格的方法
function addGrid(){
$("#tb").datagrid({
url:'datagrid_data.json',
iconCls:'icon-ok',
columns:[[
{field:'code',title:'Code',width:100},
{field:'name',title:'Name',width:100},
{field:'price',title:'Price',width:100,align:'right'}
]],
fitColumns:true,//允许表格自动缩放,以适应父容器
pagination : true//分页
//rownumbers:true//显示行数
});
}