2017-01-25 9 views
2
PieChartContainer = Ext.create('Ext.container.Container', { 
    layout: { 
     type: 'hbox', 
     align: 'left' 
    }, 
    border: 1, 
    style: { borderColor: '#000000', borderStyle: 'solid', borderWidth: '1px' } 
}); 

тогда я положить следующую сетку внутри:Невозможно просмотреть сетку, когда внутри HBox (макета) контейнерного типа

var DataSummaryTable = Ext.create('Rally.ui.grid.Grid', { 
    itemId: 'summaryData', 
    store: Ext.create('Rally.data.custom.Store', { 
     data: [ 
      { 
       Name: 'num of user stories', 
       Val: NumOfStories 
      }, 
      .... 
    .... 
PieChartContainer.add(DataSummaryTable); 

Если я удалить расположение {...} часть из контейнера, то я могу видеть сетка. В противном случае сетка не просматривается. Я пытаюсь поставить две круговые диаграммы и небольшую сетку в макете hbox. Как мне это сделать? Спасибо.

+1

После того, как вы даете макет hbox, вы пытались использовать overflowY для контейнера или либо путем установки его ширины так, чтобы этот свиток будет виден. Это будет хорошо, если вы поделитесь какой-нибудь скрипкой. – Tejas

+0

Я подозреваю, что свойство align является тем, что вызывает проблемы. В любом случае, скрипка была бы замечательной. – bullettrain

+0

Вам нужно указать высоту сетки. – scebotari66

ответ

1

Это может зависеть от родителя этого контейнера. Например, если родительский элемент этого контейнера имеет макет «fit», то ваш контейнер должен иметь конфигурацию flex: 1.

+0

Я добавляю PieChartContainer на уровень приложения container: this.add (PieChartContainer); установка flex: 1 в DataSummaryTable делает сетку видимой. Но я не понимаю, почему. Можете ли вы объяснить? Спасибо. – hariszhr

 Смежные вопросы

  • Нет связанных вопросов^_^