Накидал небольшой интерфейс бэка компонента, но не пойму как сделать это всё в стиле 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'));
});