kanban-parent/kanban-console/src/main/webapp/resources/app/view/boardmodel/LogoWin.js

Ext.define('erp.view.boardmodel.LogoWin', {
	extend: 'Ext.window.Window',
	alias: 'widget.logowin',
	id: 'logowin',
	title: 'LOGO管理',
	width: 350,
	height: 500,
	resizable: false,
	layout: 'fit',
	modal: true,
	initComponent: function() {
		var me = this;
		var view = new Ext.DataView({
			store : Ext.create('Ext.data.Store', {
				fields: ['code', 'name'],
				data:[]
			}),
			tpl : new Ext.XTemplate(
				'<div class="x-logo-wrap">',
					'<tpl for=".">',
					'<div class="x-logo-item">',
						'<span class="x-loge-text">{name}</span></br>',
						'<img src="' + basePath + 'logo/getLogoImgByCode?logoCode={code}" class="x-logo-img" />',
					'</div>',
			    	'</tpl>',
				'</div>'
			),
			trackOver: true,
			overItemCls : 'x-logo-over',
			selectedClass : 'selected',
			singleSelect : true,
			itemSelector : '.x-logo-item',
			listeners:{
				itemclick:function(view,record){
					me.selectedLogo = record;
				}
			}
		});
		
		view.on('refresh', function() {
			var centerPanel = Ext.getCmp('dataviewpanel');
			me.resetViewSize(centerPanel.getWidth(), centerPanel.getHeight());
		});
		
		Ext.apply(me,{
			items:[{
				xtype: 'panel',
				anchor: '100% 100%',
				id: 'dataviewpanel',
				items: [view]
			}],
			tbar: [{
				xtype: 'mfilefield',
				fieldLabel: '添加Logo',
				callback: function(result) {
					if(result.success) {
						Ext.MessageBox.alert("成功","上传成功");
						var store = me.view.store;
						store.add({
							code: result['logoCode'],
							name: result['logoName'] || '未命名'
						});
					}else {
						Ext.MessageBox.alert("失败","上传失败");
					}
				}
			}, {
				xtype: 'button',
				text: '删除',
				handler: function() {
					var selected = me.view.getSelectionModel().getSelection();
					if(selected.length > 0) {
						Ext.Msg.confirm('警告', '是否删除选中Logo？', function(yes) {
							if(yes == 'yes') {
								me.deleteLogo(selected[0].get('code'));
							}
						});
					}
				}
			}, '->', {
				xtype: 'button',
				text: '确定',
				handler: function() {
					me.titleWin.insertValue('logo/getLogoImgByCode?logoCode=' + me.selectedLogo.get('code'));
					me.close();
				}
			}]
		});
		me.view = view;
		me.callParent(arguments); 
	},
	listeners: {
		beforerender: function(th) {
			th.loadAllLogo();
		},
		resize: function(th) {
			th.view.fireEvent('refresh');
		}
	},
	resetViewSize: function(width, height) {
		var me = this,
			parentDiv = document.getElementsByClassName('x-logo-wrap')[0];
		if(!parentDiv) {
			return;
		}
		parentDiv.style.width = width + 'px';
		parentDiv.style.height = height + 'px';
		if(parentDiv.offsetHeight < parentDiv.scrollHeight) {
			parentDiv.style['overflow-y'] = 'scroll';
			parentDiv.scrollTop = me.view.scrollTop;
		}else {
			parentDiv.style['overflow-y'] = 'hidden';
		}
	},
	loadAllLogo: function() {
		var me = this;
		Ext.Ajax.request({
			url:'logo/get/all',
			method:'POST',
			callback:function(options,success,response){
				if(response.responseText == '') return;
				var data = JSON.parse(response.responseText);
				if(success) {
					me.view.store.removeAll();
					me.view.store.add(data);
				}else {
					showErrorMsg('失败', res.message);
				}
			}
		});
	},
	deleteLogo: function(logoCode) {
		var me = this;
		Ext.Ajax.request({
			url:'logo/delete',
			method:'POST',
			params: {
				logoCode: logoCode
			},
			callback:function(options,success,response){
				if(response.responseText == '') return;
				var data = JSON.parse(response.responseText);
				if(success) {
					me.loadAllLogo();
				}else {
					showErrorMsg('失败', res.message);
				}
			}
		});
	}
});