easyui点击树节点添加选项卡，且选项卡内加载数据表格为什么我的代码只能实现一个？

$("#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//显示行数  
        });
}

http://www.oschina.net/question/2351469_2149019

addTab要先执行，才能执行addGrid，要不tab没执行就没有table容器就无法生成你的datagrid了