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

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

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

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

    // 設(shè)置布局
    layout.beginUpdate();
        layout.add('center', new Ext.ContentPanel('tab1', {
            title      : '基礎(chǔ)信息管理',
            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");

    // 表格的列模型
    var columnModel = new Ext.grid.ColumnModel([
        {header:'序號(hào)',sortable:true,dataIndex:'id',width:40},
        {header:'供應(yīng)商名稱',sortable:true,dataIndex:'name',width:80},
        {header:'類別',sortable:true,dataIndex:'type',width:70,renderer:function(value){
            if (value == 0) {
                return "<span style='color:green;'>染料供應(yīng)商</span>";
            } else if (value == 1) {
                return "<span style='color:black;'>助劑供應(yīng)商</span>";
            } else if (value == 2) {
                return "<span style='color:blue;'>設(shè)備供應(yīng)商</span>";
            } else if (value == 3) {
                return "<span style='color:red;'>綜合供應(yīng)商</span>";
            }
        }},
        {header:'所在地',sortable:true,dataIndex:'area',width:80},
        {header:'聯(lián)系人',sortable:true,dataIndex:'linkman',width:60},
        {header:'電話',sortable:true,dataIndex:'tel',width:60},
        {header:'傳真',sortable:true,dataIndex:'fax',width:60},
        {header:'地址',sortable:true,dataIndex:'address',width:60},
        {header:'郵編',sortable:true,dataIndex:'zip',width:80},
        {header:'E-mail',sortable:true,dataIndex:'email',width:80},
        {header:'信用等級(jí)',sortable:true,dataIndex:'rank',width:60,renderer:function(value){
            if (value == 0) {
                return "<span style='color:green;'>優(yōu)秀</span>";
            } else if (value == 1) {
                return "<span style='color:black;'>良好</span>";
            } else if (value == 2) {
                return "<span style='color:blue;'>一般</span>";
            } else if (value == 3) {
                return "<span style='color:red;'>差</span>";
            }
        }}
    ]);
    columnModel.defaultSortable = false;

    // 創(chuàng)建數(shù)據(jù)模型
    var dataRecord = Ext.data.Record.create([
        {name:'id'},
        {name:'name'},
        {name:'type'},
        {name:'area'},
        {name:'linkman'},
        {name:'tel'},
        {name:'fax'},
        {name:'address'},
        {name:'zip'},
        {name:'email'},
        {name:'rank'},
        {name:'descn'}
    ]);

    // 創(chuàng)建數(shù)據(jù)存儲(chǔ)
    var dataStore = new Ext.lingo.Store({
        proxy  : new Ext.data.HttpProxy({url:'pagedQuery.htm'}),
        reader : new Ext.data.JsonReader({
            root          : "result",
            totalProperty : "totalCount",
            id            : "id"
        }, dataRecord),
        remoteSort : true
    });
    var grid = new Ext.lingo.CheckRowSelectionGrid('main-grid', {
        ds   : dataStore
        , cm : columnModel
        , selModel      : new Ext.lingo.CheckRowSelectionModel({useHistory:false})
        , enableColLock : false
        , loadMask      : true
    });
    //grid.on('rowdblclick', this.edit, this);
    //右鍵菜單
    //grid.addListener('rowcontextmenu', this.contextmenu, this);

    // 渲染表格
    grid.render();

    // 頁(yè)頭
    var gridHeader = grid.getView().getHeaderPanel(true);
    var toolbar = new Ext.Toolbar(gridHeader);
    toolbar.add('-','供應(yīng)商列表');

    // 頁(yè)腳
    var gridFooter = grid.getView().getFooterPanel(true);

    // 把分頁(yè)工具條，放在頁(yè)腳
    var paging = new Ext.PagingToolbar(gridFooter, dataStore, {
        pageSize         : 15
        , displayInfo    : true
        , displayMsg     : '顯示: {0} - {1} 共 {2} 條記錄'
        , emptyMsg       : "沒(méi)有找到相關(guān)數(shù)據(jù)"
        , beforePageText : "第"
        , afterPageText  : "頁(yè)，共{0}頁(yè)"
    });

    var pageSizePlugin = new Ext.ux.PageSizePlugin();
    pageSizePlugin.init(paging);

    // 查詢
    var name = new Ext.form.TextField({
        id:'name',
        name:'name',
        fieldLabel: '供應(yīng)商名稱'
    });
    var type = new Ext.form.ComboBox({
        id:'typeId',
        name:'type',
        readOnly:true,
        fieldLabel: '類別',
        hiddenName:'type',
        store: new Ext.data.SimpleStore({
            fields: ['id', 'name'],
            data : [[0,'染料供應(yīng)商'],[1,'助劑供應(yīng)商'],[2,'設(shè)備供應(yīng)商'],[3,'綜合供應(yīng)商']]
        }),
        valueField:'id',
        displayField:'name',
        typeAhead: true,
        mode: 'local',
        triggerAction: 'all',
        emptyText:'請(qǐng)選擇',
        selectOnFocus:true,
        hideClearButton: false,
        hideTrigger: false,
        resizable:false
    });
    var linkman = new Ext.form.TextField({
        id:'linkman',
        name:'linkman',
        fieldLabel:'聯(lián)系人',
        width:100
    });
    var no = new Ext.form.NumberField({
        id:'no',
        name:'no',
        fieldLabel:'序號(hào)',
        width:60
    });
    name.applyTo('name');
    type.applyTo('typeId');
    linkman.applyTo('linkman');
    no.applyTo('no');
    var search = new Ext.Button('search-button', {
        text:'查詢',
        handler:function() {
            dataStore.reload();
            type.setValue('');
            type.setRawValue('請(qǐng)選擇');
            type.clearValue();
        }
    });

    var insertHtml =
        '<div style="width:100%px;margin:auto;" id="insert-box">' +
            '<div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div>' +
            '<div class="x-box-ml"><div class="x-box-mr"><div class="x-box-mc">' +
                '<h3 style="text-align:left;">添加供應(yīng)商</h3>' +
                '<div id="insert-form"></div>' +
            '</div></div></div>' +
            '<div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div>' +
        '</div>' +
        '<div class="x-form-clear"></div>';
    var updateHtml =
        '<div style="width:100%px;margin:auto;" id="update-box">' +
            '<div class="x-box-tl"><div class="x-box-tr"><div class="x-box-tc"></div></div></div>' +
            '<div class="x-box-ml"><div class="x-box-mr"><div class="x-box-mc">' +
                '<h3 style="text-align:left;">修改供應(yīng)商</h3>' +
                '<div id="update-form"></div>' +
            '</div></div></div>' +
            '<div class="x-box-bl"><div class="x-box-br"><div class="x-box-bc"></div></div></div>' +
        '</div>' +
        '<div class="x-form-clear"></div>';

    var view = new Ext.Button('view-button', {
        text:'查看',
        handler:function(){
            var m = grid.getSelections();
            if(m.length == 0) {
                Ext.MessageBox.alert('提示', '請(qǐng)選擇查看的記錄');
            } else if (m.length == 1) {
                window.open('./view.htm?id=' + m[0].get('id'));
            } else {
                Ext.MessageBox.alert('提示', '每次只能選擇一條記錄');
            }
        }
    });
    var insert = new Ext.Button('insert-button', {
        text:'添加',
        handler:function(){
            //layout.getRegion("center").showPanel("tab1");
            var tabs = layout.getRegion("center").tabs;
            tabs.removeTab('insert-tab');
            tabs.removeTab('update-tab');
            var tab = tabs.addTab('insert-tab', '添加供應(yīng)商', insertHtml, true);
            var insertForm = Supplier.getInsertForm(tabs.removeTab.createDelegate(tabs, ['insert-tab']));
            tabs.activate('insert-tab');
        }
    });
    var update = new Ext.Button('update-button', {
        text:'修改',
        handler:function(){
            var m = grid.getSelections();
            if(m.length == 0) {
                Ext.MessageBox.alert('提示', '請(qǐng)選擇修改的記錄');
            } else if (m.length == 1) {
                var tabs = layout.getRegion("center").tabs;
                tabs.removeTab('insert-tab');
                tabs.removeTab('update-tab');
                var tab = tabs.addTab('update-tab', '修改供應(yīng)商', updateHtml, true);
                var closeTabDelegate = tabs.removeTab.createDelegate(tabs, ['update-tab']);
                var updateForm = Supplier.getUpdateForm(closeTabDelegate, m[0].get('id'));
                tabs.activate('update-tab');
            } else {
                Ext.MessageBox.alert('提示', '每次只能選擇一條記錄');
            }
        }
    });
    var remove = new Ext.Button('remove-button', {
        text:'刪除',
        handler:function() {
            var m = grid.getSelections();
            if(m.length > 0) {
                Ext.MessageBox.confirm('提示', '是否確定刪除' , function(btn){
                    if(btn == 'yes') {
                        var selections = grid.getSelections();
                        var ids = new Array();
                        for(var i = 0, len = selections.length; i < len; i++){
                            try {
                                selections[i].get("id");
                                ids[i] = selections[i].get("id");
                                dataStore.remove(selections[i]);//從表格中刪除
                            } catch (e) {
                            }
                        }
                        Ext.Ajax.request({
                            url     : 'remove.htm?ids=' + ids,
                            success : function() {
                                Ext.MessageBox.alert('提示', '刪除成功！');
                                //dataStore.reload();
                            },
                            failure : function(){Ext.MessageBox.alert('提示', '刪除失敗！');}
                        });
                    }
                });
            } else {
                Ext.MessageBox.alert('警告', '至少要選擇一條記錄');
            }
        }
    });

    dataStore.on('beforeload', function() {
        dataStore.baseParams = {