/*
 * Ext JS Library 1.1
 * Copyright(c) 2006-2007, Ext JS, LLC.
 * licensing@extjs.com
 *
 * http://www.extjs.com/license
 *
 * @author Lingo
 * @since 2007-09-13
 * http://code.google.com/p/anewssystem/
 */
Ext.onReady(function(){

    // 開啟提示功能
    Ext.QuickTips.init();

    // 使用cookies保持狀態
    // TODO: 完全照抄，作用不明
    Ext.state.Manager.setProvider(new Ext.state.CookieProvider());

    // 布局管理器
    var layout = new Ext.BorderLayout(document.body, {
        center: {
            autoScroll     : true,
            titlebar       : false,
            tabPosition    : 'top',
            closeOnTab     : true,
            alwaysShowTabs : true,
            resizeTabs     : true,
            fillToFrame    : true
        }
    });

    // 設置布局
    layout.beginUpdate();
        layout.add('center', new Ext.ContentPanel('tab1', {
            title      : '地區管理',
            toolbar    : null,
            closable   : false,
            fitToFrame : true
        }));
        layout.add('center', new Ext.ContentPanel('tab2', {
            title: "幫助",
            toolbar: null,
            closable: false,
            fitToFrame: true
        }));
        layout.restoreState();
    layout.endUpdate();
    layout.getRegion("center").showPanel("tab1");

    // 默認需要id, name, theSort, parent, children
    // 其他隨意定制
    var metaData = [
        {id : 'id',         qtip : "ID",       vType : "integer",  allowBlank : true,  defValue : -1},
        {id : 'name',       qtip : "地區名稱", vType : "chn",      allowBlank : false},
        {id : 'descn',      qtip : "描述",     vType : "chn",      allowBlank : true}
    ];

    // 創建樹形
    var lightTree = new Ext.lingo.JsonTree("lighttree", {
        metaData      : metaData,
        dlgWidth      : 450,
        dlgHeight     : 250,
        rootName      : '管理地區',
        dialogContent : "content"
    });

    // 渲染樹形
    lightTree.render();
});