码迷,mamicode.com
首页 > 其他好文 > 详细

Ext之Grid

时间:2015-09-18 18:01:29      阅读:179      评论:0      收藏:0      [点我收藏+]

标签:

1

var columns = [new Ext.ux.grid.CCRowNumberer({width:40}), {
        header : ‘排名‘,
        dataIndex : ‘id‘,
        width : 40
    }, {
        header : ‘姓名‘,
        dataIndex : ‘name‘,
            width : 40
    }, {
        header : ‘业务类型‘,
        dataIndex : ‘yewu‘
    }, {
        header : ‘项目名称‘,
        dataIndex : ‘xiangmu‘
    }, {
        header : ‘发送渠道‘,
        dataIndex : ‘qudao‘
    }, {
        header : ‘获得积分‘,
        dataIndex : ‘point‘,
        sortable : true,
    }, {
        header : ‘时间范围‘,
        dataIndex : ‘date‘
    }, {
        header : ‘工号‘,
        dataIndex : ‘no‘    }, {
        header : ‘业务条线‘,
        dataIndex : ‘tiaoxian‘
    }, {
        header : ‘所属中心‘,
        dataIndex : ‘zhongxin‘
    }, {
        header : ‘所属科室‘,
        dataIndex : ‘keshi‘
    }, {
        header : ‘所属业务组‘,
        dataIndex : ‘zu‘
    } ];
    var data = [
            [ ‘1‘, ‘张三‘, ‘服务‘, ‘额度引导‘, ‘掌上生活‘, 12, ‘2015/01/01-2015/06/06‘,
                    ‘9527‘, ‘金普/高端/收单‘, ‘上海客服‘, ‘金普卡五室‘, ‘xxx组‘ ],
            [ ‘2‘, ‘李四‘, ‘服务‘, ‘额度引导‘, ‘掌上生活‘, 34, ‘2015/01/01-2015/06/06‘,
                    ‘9527‘, ‘金普/高端/收单‘, ‘上海客服‘, ‘金普卡五室‘, ‘xxx组‘ ],
            [ ‘3‘, ‘Jack‘, ‘营销‘, ‘额度引导‘, ‘掌上生活‘, 38, ‘2015/01/01-2015/06/06‘,
                    ‘9527‘, ‘金普/高端/收单‘, ‘上海客服‘, ‘金普卡五室‘, ‘xxx组‘ ],
            [ ‘4‘, ‘Rose‘, ‘营销‘, ‘额度引导‘, ‘掌上生活‘, 40, ‘2015/01/01-2015/06/06‘,
                    ‘9527‘, ‘金普/高端/收单‘, ‘上海客服‘, ‘金普卡五室‘, ‘xxx组‘ ]

    ];
    var store = new Ext.data.ArrayStore({
        pageSize : 10,
        data : data,
        fields : [ ‘id‘,‘name‘,‘yewu‘, ‘xiangmu‘, ‘qudao‘,‘point‘, ‘date‘, ‘no‘, ‘tiaoxian‘, ‘zhongxin‘, ‘keshi‘, ‘zu‘]
    });
    var grid = new Ext.grid.GridPanel({

        title:‘查询结果‘,
        autoHeight : true,
        store : store,
        columnLines: true,                            

        //列之间的分割线
        columns : columns,
        //斑马线
        stripeRows:true,

        bbar : new Ext.PagingToolbar({
            pageSize : 10,
            store : store,
            displayInfo : true,
            displayMsg : ‘显示第 {0} 条到 {1} 条记录,一共 {2} 条‘,
            emptyMsg : "没有记录"
        }),
        loadMask : true,// 数据加载过程中显示正在加载的效果
        forceFit : true

    });

 

Done

Ext之Grid

标签:

原文地址:http://www.cnblogs.com/xingyyy/p/4819689.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!