Javascript-форум (https://javascript.ru/forum/)
-   ExtJS (https://javascript.ru/forum/extjs/)
-   -   ExtJs Форма для отчета (https://javascript.ru/forum/extjs/7624-extjs-forma-dlya-otcheta.html)

moroz11 11.02.2010 11:52

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();  

});

moroz11 12.02.2010 15:31

Работает
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, время: 02:36.