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);
 ???????}
 ???}
});

ExtJs弹窗

原文地址：http://www.cnblogs.com/nost/p/7735544.html