erp2supplier.js

anewssystem新闻发布系统集成使用了spring hibernate freemarker EXTJS等开源框架 可以作为学习参考

                name: 'homepage',
                width:200
            }),

            new Ext.form.TextField({
                fieldLabel: '地址',
                name: 'address',
                width:200
            })
        );

        // 省市县三级级联
        var regionRecord = Ext.data.Record.create([
            {name: 'id'},
            {name: 'name'}
        ]);

        var provinceStore = new Ext.data.Store({
            proxy: new Ext.data.HttpProxy({url:'../region/getChildren.htm'}),
            reader: new Ext.data.JsonReader({},regionRecord)
        });
        var cityStore = new Ext.data.Store({
            proxy: new Ext.data.HttpProxy({url:'../region/getChildren.htm'}),
            reader: new Ext.data.JsonReader({},regionRecord)
        });
        var townStore = new Ext.data.Store({
            proxy: new Ext.data.HttpProxy({url:'../region/getChildren.htm'}),
            reader: new Ext.data.JsonReader({},regionRecord)
        });
        var province = new Ext.form.ComboBox({
            id:'provinceId',
            name:'province',
            fieldLabel: '省',
            hiddenName:'province',
            store: provinceStore,
            valueField:'id',
            displayField:'name',
            typeAhead: true,
            mode: 'local',
            triggerAction: 'all',
            emptyText:'请选择',
            selectOnFocus:true,
            width:100,
            readOnly:true,
            allowBlank:false
        });
        var city = new Ext.form.ComboBox({
            id:'cityId',
            name:'city',
            fieldLabel: '市',
            hiddenName:'city',
            store: cityStore,
            valueField:'id',
            displayField:'name',
            typeAhead: true,
            mode: 'local',
            triggerAction: 'all',
            emptyText:'请选择',
            selectOnFocus:true,
            width:100,
            readOnly:true,
            allowBlank:false
        });
        var town = new Ext.form.ComboBox({
            id:'townId',
            name:'town',
            fieldLabel: '县',
            hiddenName:'town',
            store: townStore,
            valueField:'id',
            displayField:'name',
            typeAhead: true,
            mode: 'local',
            triggerAction: 'all',
            emptyText:'请选择',
            selectOnFocus:true,
            width:100,
            readOnly:true,
            allowBlank:true
        });
        provinceStore.load();
        //cityStore.load();
        //townStore.load();

        province.on('select',function() {
            provinceId = province.getValue();
            cityStore.load({
                params:{node:provinceId}
            });
        });

        city.on('select',function() {
            cityId = city.getValue();
            townStore.load({
                params:{node:cityId}
            });
        });


        form.column({width:210, labelWidth:80}, province);
        form.column({width:210, labelWidth:80}, city);
        form.column({width:210, labelWidth:80, clear:true}, town);
        form.column({width:640, clear:true},
            new Ext.form.TextField({
                id:'descn',
                name:'descn',
                fieldLabel:'备注',
                width:520,
                height:60
            })
        );
        form.end();

        form.fieldset(
            {id:'insert-grid', legend:'供应商品', hideLabels:true}
        );

        //
        this.form = form;
    },
    createGrid : function() {
        // 列模型
        var cm = new Ext.grid.ColumnModel([{
            header:"序号",
            dataIndex:"id"
        },{
            header:"品名",
            dataIndex:"name",
            editor:new Ext.grid.GridEditor(new Ext.form.TextField({allowBlank:false}))
        },{
            header:"类别",
            dataIndex:"type",
            renderer:function(value){
                if (value == 0) {
                    return '染料';
                } else if (value == 1) {
                    return '助剂';
                } else if (value == 2) {
                    return '设备';
                }
            },
            editor:new Ext.grid.GridEditor(new Ext.form.ComboBox({
                id:'typeId3',
                name:'type2',
                readOnly:true,
                fieldLabel: '类别',
                hiddenName:'type2',
                store: new Ext.data.SimpleStore({
                    fields: ['id', 'name'],
                    data : [['0','染料'],['1','助剂'],['2','设备']]
                }),
                valueField:'id',
                displayField:'name',
                typeAhead: true,
                mode: 'local',
                triggerAction: 'all',
                emptyText:'请选择',
                selectOnFocus:true
            }))
        },{
            header:"型号",
            dataIndex:"material",
            editor:new Ext.grid.GridEditor(new Ext.form.TextField({allowBlank:false}))
        },{
            header:"生产厂家",
            dataIndex:"factory",
            editor:new Ext.grid.GridEditor(new Ext.form.TextField({allowBlank:false}))
        },{
            header:"单价",
            dataIndex:"price",
            editor:new Ext.grid.GridEditor(new Ext.form.NumberField({allowBlank:false}))
        },{
            header:"计量单位",
            dataIndex:"unit",
            renderer:function(value){
                if (value == 0) {
                    return '千克';
                } else if (value == 1) {
                    return '克';
                } else if (value == 2) {
                    return '升';
                } else if (value == 3) {
                    return '毫升';
                } else if (value == 4) {
                    return '台';
                }
            },
            editor:new Ext.grid.GridEditor(new Ext.form.ComboBox({
                id:'unitId',
                name:'unit',
                readOnly:true,
                fieldLabel: '计量单位',
                hiddenName:'unit',
                store: new Ext.data.SimpleStore({
                    fields: ['id', 'name'],
                    data : [['0','千克'],['1','克'],['2','升'],['3','毫升'],['4','台']]
                }),
                valueField:'id',
                displayField:'name',
                typeAhead: true,
                mode: 'local',
                triggerAction: 'all',
                emptyText:'请选择',
                selectOnFocus:true
            }))
        }]);
        cm.defaultSortable = true;//排序

        // 数据模型
        var RecordProduct = Ext.data.Record.create([
            {name: "id"},
            {name: "name"},
            {name: "type"},
            {name: "material"},
            {name: "factory"},
            {name: "price"},
            {name: "unit"}
        ]);

        // 数据存储器
        var ds = new Ext.data.Store({
            proxy: new Ext.data.HttpProxy({url:'getProductsBySupplier.htm'}),
            reader: new Ext.data.JsonReader({}, RecordProduct),
            remoteSort: false
        });

        var gridDiv = Ext.get('insert-grid');
        gridDiv.createChild({
            tag:'div',
            id:'insert-grid2',
            style:'border:1px solid #6FA0DF;'
        });
/*
        insertGrid.createChild({
            tag:'div',
            id:'insert-grid2-resize'
        });
*/
        var grid = new Ext.grid.EditorGrid('insert-grid2', {ds: ds, cm: cm, enableColLock: false});
/*
        var rz = new Ext.Resizable('insert-grid2-resize', {
            wrap:true,
            minHeight:100,
            pinned:true,
            handles:'s'
        });
        rz.on('resize', insertGrid.autoSize, insertGrid);
*/
        grid.render();

        // 页头
        var gridHead = grid.getView().getHeaderPanel(true);

        var tb = new Ext.Toolbar(gridHead, [{
            text: '添加',
            handler : function(){
              var entity = new RecordProduct({
                    id:-1,
                    name:'',
                    type:0,
                    material:'',
                    factory:'',
                    price:0,
                    unit:0
              });
              grid.stopEditing();
              ds.insert(0, entity);
              grid.startEditing(0, 1);
            }
        }, {
            text: '删除',
            handler: function() {
                if(grid.getSelectionModel().hasSelection()) {
                    Ext.MessageBox.confirm('提示', '是否确定删除' , function(btn){
                        if(btn == 'yes') {
                            var cell = grid.getSelectionModel().getSelectedCell();
                            var record = ds.getAt(cell[0]);
                            var id = record.get("id");
                            ds.remove(record);
                            if (id != -1) {
                                Ext.Ajax.request({
                                    url     : '../erp2product/remove.htm?ids=' + id,
                                    success : function() {
                                        Ext.MessageBox.alert('提示', '删除成功！');
                                    },
                                    failure : function(){
                                        Ext.MessageBox.alert('提示', '删除失败！');
                                    }
                                });
                            }
                        }
                    });
                } else {
                    Ext.MessageBox.alert('警告', '至少要选择一条记录');
                }
            }
        }]);

        this.grid = grid;
    }
};