Dynamically add multiple tabs and initialize each tab page

What is demonstrated here is only what I encountered in the project , According to their actual situation , Modify by yourself .

html Only one is written in class by easyui-tabs Of div

<div id="center" data-options="region:'center'">
        <!-- This definition div Of id, You need to use -->
        <div id="tabs_D" class="easyui-tabs" >
           
        </div>
    </div>

When the page is loaded, it will be loaded dynamically according to its own situation tab page ;

// Among them addTabw To add tab Methods 
function initTableTabs(){ 
    $.post('../../../BaseMessage/PUSH/XSJHService.ashx?m=SelectFDMBByCXHDBH', { "CXHDBH":                 C_CXHDBH }, function (res) {
                var _Data = JSON.parse(res);
                var _RowsFD = _Data.INFOFD;
                var _RowsRQ  = _Data.INFORQ;
                if (_RowsFD != null) {
                    for (var k in _RowsFD) {
                        addTabw(_RowsFD[k].FDMC, 'DGY_Detail_Mode_dg_' + _RowsFD[k].FDBH);
                        window["FDRQData_"+ _RowsFD[k].FDBH]=[];
                        if (_RowsRQ != null) {
                            for (var i in _RowsRQ) {
                                if( _RowsRQ[i].FDBH == _RowsFD[k].FDBH){
                                    window["FDRQData_"+ _RowsFD[k].FDBH].push(_RowsRQ[i]);
                                }
                            }
                        }
                    // Give it here datagrid assignment 
                        $("#DGY_Detail_Mode_dg_" + _RowsFD[k].FDBH).datagrid('loadData', window["FDRQData_" + _RowsFD[k].FDBH]);
                        }
                    }
                }
            });    
}       

// add to tab, initialization tab, to tab Upper table assignment

// Choose one tab, Input title
function selectTabw(title) {
        if ($('#tabs_D').tabs('exists', title)) {
                $('#tabs_D').tabs('select', title);// If there is a current page , Then jump to the page 
            }
        }
// add to tab,tab Of content For one table, And tab Cannot be closed , If you want to change it to closable ,false Change it to true,
// In fact, these two are one method , First determine whether this page exists , There is no need to join , however , When I call here , Positive incoming title Different , So no judgment 
        function addTabw(title, table_id) {
            var content = '<table id='+table_id+'></table>';
            $('#tabs_D').tabs('add', {// non-existent , Then add a 
                title: title,
                content: content,
                closable: false
            });
            tableToInit(table_id);
        }

// initialization tableById
function tableToInit(table_id) {
            $("#"+table_id).datagrid({
                title: '',
                loadMsg: ' Loading data ...',
                rownumbers: true,
                singleSelect: true,
                multiSort: false,
                remoteSort: true,
                columns: [[
                    { title: ' Sales plan ID', field: 'CXHDBH', align: 'center', sortable: true, wdith: 120  },
                    { title: ' Branch name ', field: 'FDMC', align: 'center', sortable: true, wdith: 200 },
                    { title: ' date ', field: 'RQ', align: 'center', sortable: true, wdith: 200 },
                    {
                        title: ' The goal is （ Ten thousand yuan ）', field: 'XSMB', align: 'center', width: 100, sortable: true,
                        formatter: function (value, row, index) {
                            return value == null ? '' : value;
                        }
                    },
                    { title: ' The registrar ', field: 'DJRMC', align: 'center', width: 100, sortable: true },
                    {
                        title: ' Registration time ', field: 'DJSJ', align: 'center', width: 120, sortable: true,
                        formatter: function (value, row, index) {
                            return value != null ? value.replace("T", " ") : "";
                        }
                    }
                ]],
                pageSize: 1000
            });

        }