Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 15.02.2012, 16:49
Кандидат Javascript-наук
Отправить личное сообщение для posta Посмотреть профиль Найти все сообщения от posta
 
Регистрация: 27.08.2010
Сообщений: 115

Проблема в отображении Grid'а
Ребята, подскажите, как сделать так, что бы сетка не "ездила" при нажатии на нее. Когда окно рендериться все нормально. При нажатии на ячейку (на сетку) она сдвигается ввех, если размер сетки превышает размер контейнера.

Пример:
var win = Ext.create('Ext.window.Window', {
   layout: 'auto',
   title: 'Title',
   width:700,		
   //autoScroll: true,			
   height:200,	
   items: [
      {
         xtype: 'panel',	
         height: 100,					
	 html : 'List of users will go here'
      }, grid]
   }]
});

var grid= Ext.create('Ext.grid.Panel', {
   store : {
            fields: ['name', 'email'],
            data  : [
                {name: 'Ed',    email: 'ed@sencha.com'},
                {name: 'Tommy', email: 'tommy@sencha.com'},
		{name: 'Ed',    email: 'ed@sencha.com'},
		{name: 'Ed',    email: 'ed@sencha.com'},
		{name: 'Ed',    email: 'ed@sencha.com'},
		{name: 'Ed',    email: 'ed@sencha.com'},
		{name: 'Ed',    email: 'ed@sencha.com'},
                {name: 'Tommy', email: 'tommy@sencha.com'}
				
   };
   columns : [
            {header: 'Name',  dataIndex: 'name',  flex: 1},
            {header: 'Email', dataIndex: 'email', flex: 1}
        ];
});
win.show();


Т.е. мне надо сделать окно с Гридом, но вверху грида сделать панель. Если значений в гриде много, то прокрутку только на Гриде сделать. Но не получается.
Ответить с цитированием
  #2 (permalink)  
Старый 15.02.2012, 19:41
С++/C# modest developer
Отправить личное сообщение для nekto_O Посмотреть профиль Найти все сообщения от nekto_O
 
Регистрация: 07.11.2011
Сообщений: 244

если правельно понял...

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>пример</title>
<script type='text/javascript' src='http://docs.sencha.com/ext-js/4-0/extjs/ext-all.js'></script>
<link rel="stylesheet" type="text/css" href="http://docs.sencha.com/ext-js/4-0/extjs/resources/css/ext-all.css">
<script>
Ext.onReady(function() {
var grid = Ext.create('Ext.grid.Panel', {
   anchor: '100% 50%',
   store: {
       fields: ['name', 'email'],
       data: [
           {name: 'Ed',    email: 'ed@sencha.com'},
           {name: 'Tommy', email: 'tommy@sencha.com'},
           {name: 'Ed',    email: 'ed@sencha.com'},
           {name: 'Ed',    email: 'ed@sencha.com'},
           {name: 'Ed',    email: 'ed@sencha.com'},
           {name: 'Ed',    email: 'ed@sencha.com'},
           {name: 'Ed',    email: 'ed@sencha.com'},
           {name: 'Tommy', email: 'tommy@sencha.com'}
       ]
   },
   columns: [
       {header: 'Name',  dataIndex: 'name',  flex: 1},
       {header: 'Email', dataIndex: 'email', flex: 1}
   ]
});

var win = Ext.create('Ext.window.Window', {
   layout: 'anchor',
   title: 'Title',
   width: 500,
   height: 200,
   items: [
      {
         xtype: 'panel',
         anchor: '100% 50%',
         html: 'List of users will go here'
      },
      grid
   ]
});
win.show();
});
</script>
<body>
</body>
</html>
Ответить с цитированием
  #3 (permalink)  
Старый 16.02.2012, 00:30
Кандидат Javascript-наук
Отправить личное сообщение для posta Посмотреть профиль Найти все сообщения от posta
 
Регистрация: 27.08.2010
Сообщений: 115

nekto_O,
Нет, при ресайзе окна, тут растягивается и панель и грид. А надо, что бы только грид растягивался, а панель была вверху не изменяемого размера. типо тулбокса. Замаялся, не могу сделать и все, все перепробывал
Ответить с цитированием
  #4 (permalink)  
Старый 16.02.2012, 09:50
С++/C# modest developer
Отправить личное сообщение для nekto_O Посмотреть профиль Найти все сообщения от nekto_O
 
Регистрация: 07.11.2011
Сообщений: 244

Сообщение от posta
Нет, при ресайзе окна, тут растягивается и панель и грид. А надо, что бы только грид растягивался, а панель была вверху не изменяемого размера.
В чем проблема? Вам трудно изменить значение свойства anchor?
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Проблема с Popup окном vovuslik jQuery 5 12.06.2010 16:12
Проблема с дизайном после отправки xmlhttprequest, Проблема с дизайном после отправки cyberx AJAX и COMET 3 01.05.2010 17:07
Проблема с CSS COKOJIOB (X)HTML/CSS 5 04.08.2009 14:19
Проблема, в менюшке Большой джо Элементы интерфейса 0 12.07.2009 17:12
Проблема спама lliberty AJAX и COMET 1 12.03.2009 16:47