ExtJs Форма для отчета
Я новичек.Подскажите мне для начала
1.Как расположить заголовки в отчете горизонтально слева направо ,а данные из сервера вертикально ,типа как в гриде.Но не грид.Все примері заголовки отображені вертикально.Спасибо.
Ext.onReady(function(){
/*
* Создаем форму для входа
*/
var loginForm = new Ext.FormPanel({
url:'data_NLF.php',
frame: true,
items: [
{
xtype: 'textfield',
id: 'login',
fieldLabel: 'Login',
allowBlank:false,
anchor: '90%'
},{
xtype: 'textfield',
fieldLabel:'Password',
name:'password',
inputType:'password',
anchor: '90%',
allowBlank:false
}
],
buttons: [
{
text: 'Login',
handler: function() {
loginForm.getForm().submit({
waitTitle: 'пожалуйста, подождите...',
waitMsg: 'вход в систему выполняется'
});
}
}
]
});
/*
* Создаем окно, в которое помещаем форму
*/
var loginWindow = new Ext.Window({
frame:true,
title:'Вход в систему',
width:330,
closable: false,
items: loginForm
});
loginWindow.show();
});
|
Работает
function getForm()
{
/*
* Создаем форму для входа
*/
var loginForm = new Ext.FormPanel({ // форма для отчета
url:'data_NLF.php',
frame: true,
labelAlign: 'top',
bodyStyle:'padding:5px 5px 0',
width: 850,
items: [{
layout:'column',
items:[{ //2
columnWidth:.4,
layout: 'form',
items: [{ //3
xtype:'textfield',
style: 'margin-bottom: (5px,30px,20px,10px)',
fieldLabel: 'Вид платежа',
name: 'first',
anchor:'95%'
}] //3
},{
columnWidth:.3,
layout: 'form',
items: [{ //4
xtype:'textfield',
fieldLabel: 'за сутки',
name: 'last',
anchor:'95%'
}] //4
},{
columnWidth:.3,
layout: 'form',
items: [{ //4
xtype:'textfield',
fieldLabel: 'с начала месяца',
name: 'last',
anchor:'95%'
}] //4
}
] //2
}]
,buttons: [{
text: 'Закрыть',
handler: function(){
loginWindow.hide();
}
}],
keys: [{
key: 27
,fn: function(){
loginWindow.hide();
}
}]
});
/*
* Создаем окно, в которое помещаем форму
*/
var loginWindow = new Ext.Window({
frame:true,
title:'Отчет - Итоги платежей по видам на дату',
width:900,
closable: false,
items: loginForm
});
loginWindow.show();
};
|
| Часовой пояс GMT +3, время: 15:10. |