name : name.getValue(),
            type     : type.getValue(),
            linkman  : linkman.getValue(),
            no       : no.getValue()
        };
    });

    dataStore.load({
        params:{start:0, limit:paging.pageSize}
    });
});

Supplier = {
    getInsertForm : function(closeTagHandler) {
        this.createForm('./insert.htm', 'insert-box');
        var form = this.form;

        form.addButton({
            text:'提交',
            handler:function(){
                if (!form.isValid()) {
                    return;
                }
                form.el.mask('提交數據，請稍候...', 'x-mask-loading');
                var hide = function() {
                    form.el.unmask();
                };

                var supplierValue = Supplier.form.getValues();
                Supplier.grid.stopEditing();
                var productValues = new Array();
                var ds = Supplier.grid.dataSource;
                for (var i = 0; i < ds.getCount(); i++) {
                    var record = ds.getAt(i);
                    var item = {};
                    item.id = record.data.id;
                    item.name = record.data.name;
                    item.type = record.data.type;
                    item.material = record.data.material;
                    item.factory = record.data.factory;
                    item.price = record.data.price;
                    item.unit = record.data.unit;
                    productValues.push(item);
                }
                var json = {supplierValue:supplierValue,products:productValues}
                Ext.lib.Ajax.request(
                    'POST',
                    './insert.htm',
                    {success:function(){
                        form.el.unmask();
                        Ext.MessageBox.confirm('提示', '保存添加成功，是否繼續添加' , function(btn){
                            if (btn == 'yes') {
                                form.reset();
                                form.findField("typeId2").clearValue("");
                                form.findField("rankId").clearValue("");
                                Supplier.grid.dataSource.removeAll();
                            } else {
                                closeTagHandler();
                            }
                        });
                    },failure:function(){
                        form.el.unmask();
                    }},
                    'data=' + encodeURIComponent(Ext.encode(json))
                );
            }
        });
        form.addButton({
            text:'重置',
            handler:function(){
                Supplier.form.reset();
                form.findField("typeId2").clearValue("");
                form.findField("rankId").clearValue("");
                Supplier.grid.dataSource.removeAll();
            }
        });
        form.addButton({
            text:'取消',
            handler:closeTagHandler
        });
        form.render("insert-form");

        this.createGrid();
        var grid = this.grid;

        return form;
    },
    getUpdateForm : function(closeTagHandler, id) {
        this.createForm('./update.htm', 'update-box');
        this.id = id;
        var form = this.form;
        form.load({url:'./loadData.htm?id=' + id});

        // 初始化地區的省市縣信息
        Ext.lib.Ajax.request(
            'GET',
            './getRegion.htm?id=' + this.id,
            {success:function(response){
                var region = Ext.decode(response.responseText);

                Supplier.form.findField("town").setValue(region.id);
                Supplier.form.findField("townId").setRawValue(region.name);
                Supplier.form.findField("city").setValue(region.parent.id);
                Supplier.form.findField("cityId").setRawValue(region.parent.name);
                Supplier.form.findField("province").setValue(region.parent.parent.id);
                Supplier.form.findField("provinceId").setRawValue(region.parent.parent.name);
            },failure:function(){}}
        );

        form.addButton({
            text:'提交',
            handler:function(){
                if (!form.isValid()) {
                    return;
                }
                form.el.mask('提交數據，請稍候...', 'x-mask-loading');
                var hide = function() {
                    form.el.unmask();
                };

                var supplierValue = Supplier.form.getValues();
                supplierValue.id = Supplier.id;

                Supplier.grid.stopEditing();
                var productValues = new Array();
                var ds = Supplier.grid.dataSource;
                for (var i = 0; i < ds.getCount(); i++) {
                    var record = ds.getAt(i);
                    var item = {};
                    item.id = record.data.id;
                    item.name = record.data.name;
                    item.type = record.data.type;
                    item.material = record.data.material;
                    item.factory = record.data.factory;
                    item.price = record.data.price;
                    item.unit = record.data.unit;
                    productValues.push(item);
                }
                var json = {supplierValue:supplierValue,products:productValues}
                Ext.lib.Ajax.request(
                    'POST',
                    './update.htm',
                    {success:function(){
                        form.el.unmask();
                        Ext.MessageBox.confirm('提示', '修改成功，是否返回' , function(btn){
                            if (btn == 'yes') {
                                closeTagHandler();
                            } else {
                                form.reset();
                                Supplier.grid.dataSource.load({params:{id:Supplier.id}});
                            }
                        });
                    },failure:function(){
                        form.el.unmask();
                    }},
                    'data=' + encodeURIComponent(Ext.encode(json))
                );
            }
        });
        form.addButton({
            text:'重置',
            handler:function(){
                form.load({url:'./loadData.htm?id=' + this.id});
            }
        });
        form.addButton({
            text:'取消',
            handler:closeTagHandler
        });
        form.render("update-form");

        this.createGrid();
        var grid = this.grid;
        grid.dataSource.load({params:{id:id}});

        return form;
    },
    createForm : function(url, waitMsgTarget) {
        var form = new Ext.form.Form({
            labelAlign:'right',
            labelWidth:80,
            url:url,
            method: 'POST',
            waitMsgTarget:waitMsgTarget,
            reader : new Ext.data.JsonReader({}, [
                {name:'name'},
                {name:'code'},
                {name:'homepage'},
                {name:'type'},
                {name:'area'},
                {name:'linkman'},
                {name:'lead'},
                {name:'tel'},
                {name:'fax'},
                {name:'address'},
                {name:'zip'},
                {name:'email'},
                {name:'rank'},
                {name:'descn'}
            ])
        });

        form.fieldset(
            {legend:'供應商信息', hideLabels:false}
        );
        form.column(
            {width:320},

            new Ext.form.TextField({
                fieldLabel: '供應商名稱',
                name: 'name',
                width:200
            }),

            new Ext.form.ComboBox({
                id:'typeId2',
                name:'type',
                readOnly:true,
                fieldLabel:'類別',
                hiddenName:'type',
                store: new Ext.data.SimpleStore({
                    fields: ['id', 'name'],
                    data : [[0,'染料供應商'],[1,'助劑供應商'],[2,'設備供應商'],[3,'綜合供應商']]
                }),
                valueField:'id',
                displayField:'name',
                typeAhead: true,
                mode: 'local',
                triggerAction: 'all',
                emptyText:'請選擇',
                selectOnFocus:true,
                width:200,
                allowBlank:false
            }),

            new Ext.form.TextField({
                fieldLabel: '聯系人',
                name: 'linkman',
                width:200
            }),

            new Ext.form.TextField({
                fieldLabel: '負責人',
                name: 'lead',
                width:200
            }),

            new Ext.form.TextField({
                fieldLabel: '電話',
                name: 'tel',
                width:200
            }),

            new Ext.form.ComboBox({
                id:'rankId',
                name:'rank',
                readOnly:true,
                fieldLabel: '信用等級',
                hiddenName:'rank',
                store: new Ext.data.SimpleStore({
                    fields: ['id', 'name'],
                    data : [[0,'優秀'],[1,'良好'],[2,'一般'],[3,'差']]
                }),
                valueField:'id',
                displayField:'name',
                typeAhead: true,
                mode: 'local',
                triggerAction: 'all',
                emptyText:'請選擇',
                selectOnFocus:true,
                width:200,
                allowBlank:false
            })
        );

        form.column(
            {width:320, clear:true},
            new Ext.form.TextField({
                fieldLabel: '供應商編號',
                name: 'code',
                width:200
            }),

            new Ext.form.TextField({
                fieldLabel: '郵編',
                name: 'zip',
                width:200
            }),

            new Ext.form.TextField({
                fieldLabel: '傳真',
                name: 'fax',
                width:200
            }),

            new Ext.form.TextField({
                fieldLabel: 'Email',
                name: 'email',
                width:200
            }),

            new Ext.form.TextField({
                fieldLabel: '主頁',