ExtJs弹窗

Posted 2020-10-12

1.弹窗

通过异步请求向后台获得数据以弹窗的形式展示

1）定义展示数据的model

Ext.define(‘goodModel‘,{
    extend:‘Ext.data.Model‘,
    idProperty:‘id‘,
    fields:[{
        name:‘id‘,
        allowNull: true
    },{
        name:‘name‘,
        allowNull: true
    },{
        name:‘brank‘,
        allowNull: true
    }]
});

2）定义弹窗 样式  这里的弹自己是自己定义

Ext.define(‘goodsSelector‘,{
    type:‘Eap.view.GridSelector‘,
    columnsText:{
        name:‘Name‘,
        brank:‘Brank‘
    },
    cfg:{
    },
    constructor:function(config){
        var me = this;
        me.cfg = {
　　　　　　//向后台提交ajax请求  获得数据
            url:Eap.contextPath + ‘/itsm/shops/goods/list.gson‘,
            model:‘goodsModel‘,
　　　　　　//定义根节点，解析根节点
            rootProperty:‘models‘,
            columns:[{
　　　　　　　　　　//这里是上面定义好的
                header:me.columnsText.name,
　　　　　　　　　　//解析出来的name
                dataIndex:‘name‘,
                flex:1
            },{
                header:me.columnsText.brank,
                dataIndex:‘brank‘,
                flex:1
            }]
        };
        if(config){
            this.cfg = Ext.clone(this.cfg);
            Ext.apply(this.cfg,config);
        }
    }
});