Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 11.02.2010, 11:52
Новичок на форуме
Отправить личное сообщение для moroz11 Посмотреть профиль Найти все сообщения от moroz11
 
Регистрация: 11.02.2010
Сообщений: 8

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

});
Ответить с цитированием
  #2 (permalink)  
Старый 12.02.2010, 15:31
Новичок на форуме
Отправить личное сообщение для moroz11 Посмотреть профиль Найти все сообщения от moroz11
 
Регистрация: 11.02.2010
Сообщений: 8

Работает
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();  
 };
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Форма для поиска по странице средсвами javascript andikk Общие вопросы Javascript 12 11.04.2013 23:59
поставьте пожалуйста раздел для ExtJS scuter Сайт Javascript.ru 3 01.10.2008 16:22
форма как в ExtJS 2 magistr_bender Общие вопросы Javascript 0 11.09.2008 16:01
Форма для ввода текста с расширенными функциями 0x22b Элементы интерфейса 0 01.09.2008 10:38