Использование разборных с extjs4

Question

Я пытаюсь сделать одну из моих панелей в ExtJS4 разборной.Когда я использую «collapsible: true», панель становится разборной, когда мое приложение работает.Но если я сверну панель, она исчезнет, ​​и я не смогу ее свернуть.

Я не уверен, что должно окружать мою панель или находиться прямо над ней.Я попытался использовать пример кода:

{
region: 'north',
collapsible: false,
title: 'North',
split: true,
height: 100,
minHeight: 60,
html: 'north'
},

Это работает, когда я добавляю его в окно просмотра, чтобы быть в верхней части веб-страницы.Но когда я помещаю его в нужное место на странице, я могу свернуть его, но затем он исчезает.Кто-нибудь может дать мне знать, что может привести к его исчезновению при падении?

Answer 1

Продолжая ответ Geronimo, иногда недостаточно установить макет на самой панели.В этом случае попробуйте обернуть вашу панель в другую с макетом fit.Вместо

{
  xtype: 'mypanel',
  title: 'my little panel',
  collapsible: true,
  ...
}

сделайте это:

{
  xtype: 'panel',
  title: 'my little panel', // Pull certain configs up to the wrapper panel,
  collapsible: true,        // like title and collapsible
  layout: 'fit',
  items: [
    {
      xtype: 'mypanel',
      title: undefined,     // Make sure there is not another title bar
      border: false,        // We don't want another border
      ...
    } 
  ]
}

Не очень хорошо, но пока я не смог найти лучшего решения, и оно уже работало в двух разных ситуациях для меня.

Answer 2

У меня была похожая проблема, и я решил ее исходя из этого . В основном, убедитесь, что у вас есть правильная конфигурация макета, указанная на панели, с которой у вас возникли проблемы, что-то вроде layout: 'fit'.