zoukankan      html  css  js  c++  java
  • 乐易拍电子商务系统(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>
  • 相关阅读:
    Java 集合系列06之 Vector详细介绍(源码解析)和使用示例
    Java 集合系列03之 ArrayList详细介绍(源码解析)和使用示例
    Java 集合系列02之 Collection架构
    Java 集合系列01之 总体框架
    [转载] 散列表(Hash Table) 从理论到实用(下)
    [转载] 散列表(Hash Table)从理论到实用(中)
    [转载] 散列表(Hash Table)从理论到实用(上)
    Android 之窗口小部件高级篇--App Widget 之 RemoteViews
    Android控件之GridView
    红黑树(一)之 原理和算法详细介绍
  • 原文地址:https://www.cnblogs.com/huhai/p/1938245.html
Copyright © 2011-2022 走看看