We launched new forums in March 2019—join us there. In a hurry for help with your website? Get Help Now!
    • 42838
    • 28 Posts
    Накидал небольшой интерфейс бэка компонента, но не пойму как сделать это всё в стиле MODx Revo. Как я понимаю использование ExtJS должно являться залогом однотипности дизайна, но видимо я что то делаю не так... Ниже код.
    Ext.onReady(function(){
    
    	var mainBox = new Ext.Panel({
    		title:'База адресов',
    		tbar:[{
    				text:'Добавить адрес',
    				handler:function(){
    					formWin.show();
    					}
    				}	
    			]
    	});
    	
    	var formWin = new MODx.Window({
    		title:'Новый адрес'
    	});
    	
    	var addressForm = new Ext.form.FormPanel({
    	});
    		
    	var city_list = new Ext.form.ComboBox({
    		fieldLabel: 'Город',
    		name: 'city',
    		mode: 'local',
    		store: new Ext.data.ArrayStore({
    			id: 0,
    			fields: [
    				'myId',
    				'displayText'
    			],
    			data: [[1, 'item1'], [2, 'item2']]//тут будет загрузка из базы
    		}),
    		valueField: 'myId',
    		displayField: 'displayText'
    	});
    	
    	var street = new Ext.form.TextField({
    		fieldLabel:'Улица',
    		name: 'street'
    	});
    	
    	var home = new Ext.form.TextField({
    		fieldLabel:'Номер дома',
    		name: 'home'
    	});
    	
    	var save = new Ext.Button({
    		text:'Сохранить',
    		handler:function(){
    			//тут будет добавление в базу.
    			formWin.close();
    		}
    	});
    	
    	addressForm.add(city_list, street, home, save);
    	formWin.add(addressForm);
    	
    	mainBox.render(Ext.get('addressbook'));
    });