乐易拍电子商务系统（asp.net+extjs）版本1.1 统计实例(拖动选择统计选项)

本次系统版本的更新，实现了部分销售统计。

/×××××××××××××××××××××××××××××××先来点废话

乐易拍信息平台主要为企业实现电子商务提供一个快捷的解决方案.通过本方案系统,可以加快开发速度,降低开发成本.搭建高效、稳定、可拓展的系统。
本系统运用asp.net 2.0开发，数据库使用SQL2000（可以放在SQL2005上），包括前台和后台两个部分。
前台主要运用jquery+CSS 构建的展示订购平台。
后台是运用CSS+EXTJS构建的一个完整的权限管理+销售订单管理的系统。主要功能：
地区信息设置 、用户信息管理 、系统角色管理 、系统仓库配置 、物流公司配置 、数据库备份 、
系统操作日志、 品牌管理 、类型管理 、商品添加 、商品管理 、销售客户管理 、销售订单管理 。

/×××××××××××××××××××××××××××××××废话写完

下一步升级：库存管理，（出入库管理，库存统计）

 

 

（给初学者叁考）项目下载 http://code.google.com/p/leyipai/
后台默认帐户密码： huhai/111111

 

 

相关图片：

 

1.进入商品比较统计页面。

相关代码：

Ext.onReady(function(){

    var myData = {
        records : [
            { name : "Rec 0", column1 : "0", column2 : "0" },
            { name : "Rec 1", column1 : "1", column2 : "1" },
            { name : "Rec 2", column1 : "2", column2 : "2" },
            { name : "Rec 3", column1 : "3", column2 : "3" },
            { name : "Rec 4", column1 : "4", column2 : "4" },
            { name : "Rec 5", column1 : "5", column2 : "5" },
            { name : "Rec 6", column1 : "6", column2 : "6" },
            { name : "Rec 7", column1 : "7", column2 : "7" },
            { name : "Rec 8", column1 : "8", column2 : "8" },
            { name : "Rec 9", column1 : "9", column2 : "9" }
        ]
    };


    // Generic fields array to use in both store defs.
    var fields = [
        { header: '商品名称',  120, align: 'center', dataIndex: 'product_name' },
        { header: '商品类型',  100, align: 'center', dataIndex: 'type_name' },
        { header: '商品品牌',  100, align: 'center', dataIndex: 'brand_name' },
        { header: '单位计量',  90, align: 'center', dataIndex: 'units' },
        { header: '规格',  120, align: 'center', dataIndex: 'spec' },
        { header: '过期日期',  100, align: 'center', dataIndex: 'expiry_date' },
        { header: '自定义编码',  100, align: 'center', dataIndex: 'code' }
    ];

    // create the data store
    var firstGridStore = new Ext.data.GroupingStore({
        proxy: new Ext.data.HttpProxy({
            url: '../products/products/getAllProducts.ashx'
        }),
        reader: new Ext.data.JsonReader({
            totalProperty: 'totalProperty',
            root: 'root'
        },
        [{ name: 'id', mapping: 'product_id', type: 'int' },
        { name: 'product_name', type: 'string' },
        { name: 'type_id', type: 'string' },
        { name: 'brand_id', type: 'string' },
        { name: 'cost_price', type: 'string' },
        { name: 'wholesale_price', type: 'string' },
        { name: 'retail_price', type: 'string' },
        { name: 'units', type: 'string' },
        { name: 'weight', type: 'string' },
        { name: 'material', type: 'string' },
        { name: 'spec', type: 'string' },
        { name: 'upperlimit', type: 'int' },
        { name: 'lowerlimit', type: 'int' },
        { name: 'expiry_date', type: 'string' },
        { name: 'code', type: 'string' },
         { name: 'brand_name', type: 'string' },
         { name: 'type_name', type: 'string' }

        ])
    });


    // Column Model shortcut array
    var cols = [
        { id : 'name', header: "编号",  160, sortable: true, dataIndex: 'id'},
        { header: '商品名称',  120, align: 'center', dataIndex: 'product_name' },
        { header: '商品类型',  100, align: 'center', dataIndex: 'type_name' },
        { header: '商品品牌',  100, align: 'center', dataIndex: 'brand_name' },
        { header: '单位计量',  90, align: 'center', dataIndex: 'units' },
        { header: '规格',  120, align: 'center', dataIndex: 'spec' },
        { header: '过期日期',  100, align: 'center', dataIndex: 'expiry_date' },
        { header: '自定义编码',  100, align: 'center', dataIndex: 'code' }
    ];

    // declare the source Grid
    var firstGrid = new Ext.grid.GridPanel({
        ddGroup : 'secondGridDDGroup',
         tbar: [' 商品名称: ', new Ext.form.TextField({
            fieldLabel: '真实姓名',
            emptyText: '',
            name: 'search_name',
            id: 'search_name',
             130
        }), '', new Ext.Button({
            text: '搜索',
            iconCls: 'icon_search',
            handler: function () {
                var sname = Ext.get("search_name").getValue();
                firstGridStore.load({ params: { start: 0, limit: 2000, pname: sname} });
            }
        }

            )],
        store  : firstGridStore,
        columns  : cols,
        enableDragDrop : true,
        stripeRows : true,
        autoExpandColumn : 'name',
        title : '物品/商品列表(选择拖动到右边)'
    });

    var secondGridStore = new Ext.data.JsonStore({
        fields : fields,
        root   : 'records'
    });

    // create the destination Grid
    var secondGrid = new Ext.grid.GridPanel({
        ddGroup : 'firstGridDDGroup',
        tbar: [ '起始日期: ', new Ext.form.DateField({
            id: 'bdate',
            format: 'Y-m-d',
            menu: new Ext.menu.DateMenu({
                hideOnClick: false,
                allowOtherMenus: true
            })
        }), '  ', '结束日期: ', new Ext.form.DateField({
            id: 'edate',
            format: 'Y-m-d',
            value: new Date(),
            menu: new Ext.menu.DateMenu({
                hideOnClick: false,
                allowOtherMenus: true
            })
        }), '  ', new Ext.Button({
            text: '统计',
            iconCls: 'icon_chart',
            handler: function () {
                
                var bdates = Ext.get("bdate").getValue();
                var edates = Ext.get("edate").getValue();
                var pids="";
                  for (var aa = 0; aa < secondGridStore.getCount(); aa++) {
                        if(aa>11) break;
                        var a1 = secondGridStore.getAt(aa).get("id"); //if
                        pids=pids+","+a1;
                       }
                  
               window.location.href = "SalesReport_Report_ByProduct.aspx?bdate="+bdates+"&edate="+edates+"&pids="+pids;
                
                //ds.load({ params: { start: 0, limit: 20,bdate: bdates, edate: edates} });
            }
        })
        , '  ', new Ext.Button({
            text: '重选',
            iconCls: 'icon_reset',
            handler: function () {
                    var sname = Ext.get("search_name").getValue();
                 firstGridStore.load({ params: { start: 0, limit: 2000, pname: sname} });
                 secondGridStore.removeAll();
            }
        })
        
         ],
        store  : secondGridStore,
        columns : cols,
        enableDragDrop : true,
        stripeRows : true,
        autoExpandColumn : 'name',
        title : '已选择（最多选择12种）'
    });


    //Simple 'border layout' panel to house both grids
    var displayPanel = new Ext.Panel({
        width  : 950,
        height  : 550,
        layout : 'hbox',
        renderTo: 'panel',
        defaults: { flex : 1 }, //auto stretch
        layoutConfig:{ align : 'stretch' },
        items: [
            firstGrid,
            secondGrid
        ]
        
    });

    // used to add records to the destination stores
    var blankRecord =  Ext.data.Record.create(fields);

        /****
        * Setup Drop Targets
        ***/
        // This will make sure we only drop to the  view scroller element
        var firstGridDropTargetEl =  firstGrid.getView().scroller.dom;
        var firstGridDropTarget = new Ext.dd.DropTarget(firstGridDropTargetEl, {
                ddGroup : 'firstGridDDGroup',
                notifyDrop : function(ddSource, e, data){
                        var records =  ddSource.dragData.selections;
                        Ext.each(records, ddSource.grid.store.remove, ddSource.grid.store);
                        firstGrid.store.add(records);
                        firstGrid.store.sort('name', 'ASC');
                        return true
                }
        });


        // This will make sure we only drop to the view scroller element
        var secondGridDropTargetEl = secondGrid.getView().scroller.dom;
        var secondGridDropTarget = new Ext.dd.DropTarget(secondGridDropTargetEl, {
                ddGroup    : 'secondGridDDGroup',
                notifyDrop : function(ddSource, e, data){
                        var records =  ddSource.dragData.selections;
                        Ext.each(records, ddSource.grid.store.remove, ddSource.grid.store);
                        secondGrid.store.add(records);
                        secondGrid.store.sort('name', 'ASC');
                        return true
                }
        });
        
        
        
        //加载数据
     firstGridStore.load({ params: { start: 0, limit: 2000} });

});

统计结果图：

2.进入顾客价值统计结果界面如：

aspx页面代码：

<!--START Code Block for Chart myNext -->
            <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" 
            width="1000" height="500" id="myNext">
            <param name="allowScriptAccess" value="always" />
            <param name="movie" value="../flash/Charts/Column3D.swf"/>
            <param name="FlashVars" value="<%=dataXml %>" />
            <param name="quality" value="high" />
            <embed src="../flash/Charts/Column3D.swf" FlashVars="<%=dataXml %>" 
            quality="high" width="1000" 
            height="500" name="myNext"
            allowScriptAccess="always" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
            </object>