UAS2.0_DEV_TEST/app/view/grid/dataList/DataListPanel.js

/*
 * @Description: 数据列表
 * @Author: hy
 * @Date: 2019-08-12 18:33:04
 * @LastEditTime: 2019-08-20 08:54:26
 */
Ext.define('uas.view.grid.dataList.DataListPanel', {
    extend: 'Ext.grid.Panel',
    xtype: 'dataListPanel',
    
    plugins: {
        gridHeaderFilter: true
    },

    selModel: {
        type: 'checkboxmodel',
        checkOnly: true
    },

    emptyText: '无数据',
    loadMask: true,

    bind:'{dataListGridStore}',

    initComponent: function () {
        var me = this;

        Ext.apply(me, {
            store: Ext.create('uas.store.DataListGridStore',{
                grid: me,
                autoLoad: true,
                autoDestroy: true
            })
        });

        me.callParent(arguments);
    },

    dockedItems: [{
        name:'operateToolbar',
        cls:'x-grid-operateToolbar',
        xtype: 'toolbar',
        dock: 'top',
        height:32,
        items:[{
            xtype:'button',
            text:'筛选',
            handler:function(me){
                const grid = me.up('dataListPanel');
                if(!grid.searchPlanWindow){
                    grid.searchPlanWindow = Ext.create('widget.searchPlanWindow',{
                        height:grid.getHeight()*0.8,
                        width:grid.getWidth()*0.8,
                        renderTo:grid.getEl()
                    }).show();
                }else{
                    grid.searchPlanWindow.show();
                }
            }
        },{
            margin:'0 0 0 6',
            xtype:'button',
            text:'批处理'
        },{
            margin:'0 0 0 6',
            xtype:'button',
            text:'上一页'
        },{
            margin:'0 0 0 6',
            xtype:'button',
            text:'下一页'
        },{
            margin:'0 0 0 6',
            xtype:'button',
            text:'导出'
        },{
            margin:'0 0 0 6',
            xtype:'button',
            text:'个性设置'
        },{
            margin:'0 0 0 12',
            xtype:'button',
            text:'关闭'
        }]
    },{
        xtype: 'toolbar',
        dock: 'top',
        name:'searchPlan',
        cls:'x-grid-searchPlan',
        height:32,
        items:[{
            xtype:'displayfield',
            value:'查询方案:'
        },{
            xtype:'button',
            text:'缺省方案'
        },{
            xtype:'button',
            text:'新方案A'
        },{
            xtype:'button',
            text:'新方案B'
        }]
    },{
        xtype: 'toolbar',
        dock: 'top',
        name:'filterToolbar',
        cls:'x-grid-filterToolbar',
        height:32,
        items:[{
            xtype:'displayfield',
            value:'筛选条件:'
        },'->']
    },{
        xtype: 'dataListPaging'
    }],

    columns: [{
        dataIndex: 'id',
        text: '序号',
        width:60,
        locked: true
    }, {
        dataIndex: 'code',
        text: '采购单号',
        width:240,
        locked: true,
        filter: {
            type:'string'
        }
    }, {
        dataIndex: 'status',
        text: '单据状态',
        width:100,
        filter: {
            type:'string'
        }
    }, {
        xtype: 'datecolumn',
        dataIndex: 'date',
        text: '下单日期',
        width: 200,
        filter: {
            type:'date'
        }
    }, {
        dataIndex: 'vendor',
        text: '供应商名',
        width: 220,
        filter: {
            type:'string'
        }
    }, {
        dataIndex: 'price',
        text: '含税金额',
        width:190,
        filter: {
            type:'number'
        }
    },{
        dataIndex: 'special',
        text:'特殊采购',
        width:120,
        filter: {
            type:'combo',
            combo:[
                ["true", "是"],
                ["false", "否"]
            ]
        }
    },{
        dataIndex: 'currency',
        text: '币别',
        width:70
    },{
        dataIndex: 'recordman',
        text: '采购员',
        width:70
    },{
        dataIndex: 'auditman',
        text: '审核人',
        width:70
    }]
});