extjs表格底部增加多个菜单统计

说明

  • tbar代表顶部工具条
  • bbar表示底部工具条

构建

  • 初始化时,增加工具条,注意xtype类型,要平铺,不然文字多了会撑不下
initComponent : function() {
		this.store = this.createStore();
		this.sm = this.createSm();
		this.createLinks();
		this.cm = this.createCM();
		this.tbar = this.createTopBar();
		this.bbar = {  
	            xtype: 'container',  
	            ytype: 'container', 
	            items: [this.createBottomBar(),this.createBottomBar1()]  
	    };
		this.grid = this.createGrid();
	},
  • 写具体的底部工具条方法
 createBottomBar:function() {
    	var extBottomBar = new Ext.Toolbar();
    	Ext.Ajax.request({
			url : this.checkUrl,
			async:false,
			params : {"type1":"06","type2":"07"},
			scope : this,
			success : function(res) {
				var rec = Ext.decode(res.responseText);
				extBottomBar.add('-','正回购到期还款:', "共"+rec.count+"笔,已调拨"+rec.ydb+"笔,未调拨"+rec.wdb+"笔;合计金额:"+rec.countMoney+"元,已调拨"+rec.ydbMoney+"元,未调拨"+rec.wdbMoney+"元");
			}
		});
    	return extBottomBar;
	},
	createBottomBar1:function() {
		var extBottomBar = new Ext.Toolbar();
    	Ext.Ajax.request({
			url : this.checkUrl,
			async:false,
			params : {"type1":"15","type2":"16"},
			scope : this,
			success : function(res) {
				var rec = Ext.decode(res.responseText);
				extBottomBar.add('-','逆回购拆出付款:', "共"+rec.count+"笔,已调拨"+rec.ydb+"笔,未调拨"+rec.wdb+"笔;合计金额:"+rec.countMoney+"元,已调拨"+rec.ydbMoney+"元,未调拨"+rec.wdbMoney+"元");
			}
		});
    	return extBottomBar;
	},
posted @ 2021-04-09 14:34  逆风小径上勇敢の哥哥  阅读(35)  评论(0)    收藏  举报  来源