Добрый день.
при вызове элементов класса tab, содержащих custom классы grid в дебагере браузера вылетает следующе предупреждение:
Warning, size detected (calc(100% - 16px)) not a valid property value on Element.addUnits., а сами гриды отображают только заголовки столбов (store подключен нормально, записи видно на долю сек при рендеренге класса):
Код класса содержащего tab:
Ext.define('Foresto.view.forms.LoginWorkSpace', {
extend: 'Ext.panel.Panel',
requires: ['Foresto.model.EditListRenters',
'Foresto.model.EditLCA',
'Ext.field.Select',
'Ext.panel.Panel',
'Ext.tab.Panel'
],
height: '80%',
layout:'fit',
id:'loginWS',
fullscreen: true,
closable: false,
header: {
cls: 'header-cls'
},
scrollable: true,
xtype: 'loginWS',
title: 'ЛИЧНЫЙ КАБИНЕТ',
modal: true,
hideOnMaskTap: true,
showAnimation: {
type: 'popIn',
duration: 250,
easing: 'ease-out'
},
hideAnimation: {
type: 'popOut',
duration: 250,
easing: 'ease-out'
},
centered: true,
width: '100%',
items:[{
xtype:'tabpanel',
fullscreen: true,
cls: 'header-cls',
width: '100%',
height: '80%',
shadow: true,
activeTab: 1,
defaults: {
scrollable: true,
userSelectable: {
bodyElement: true
}
},
items: [
{
xtype: 'panel',
layout:'vbox',
title: 'ИНФОРМАЦИЯ О ПОЛЬЗОВАТЕЛЕ',
cls: 'header-cls',
items:[
{xtype: 'selectfield',
label: 'Имя',
margin: 4,
},{
xtype: 'selectfield',
label: 'Статус',
margin: 4,
},{
xtype: 'selectfield',
label: 'Регион',
margin: 4,
},{
xtype: 'button',
ui:'confirm',
text:'Добавить арендатора',
handler: addRenter
},{
xtype: 'button',
text:'Редактировать профиль'
}
]
},
{ xtype: 'contlistII',
title: 'СПИСОК ДОГОВОРОВ'
},
{ xtype: 'panel',
title: 'СПИСОК 2'
},{ xtype: 'rentlist',
title: 'АРЕНДАТОРЫ'
}
]
}],
scrollable: true,
scope: this
});
код грида:
Ext.define('Foresto.model.EditListRenters', {
extend:'Ext.grid.Grid',
xtype: 'rentlist',
requires: [
'Ext.grid.plugin.Editable',
'Ext.grid.plugin.ViewOptions',
'Ext.grid.plugin.PagingToolbar',
'Ext.grid.plugin.SummaryRow',
'Ext.grid.plugin.ColumnResizing',
'Ext.grid.plugin.MultiSelection',
'Ext.grid.plugin.RowExpander',
'Ext.grid.Grid',
'Foresto.model.RentsListModel'
],
shadow: true,
rowLines: true,
store: {
model:'Foresto.model.RentsListModel',
autoLoad: true,
pageSize:0,
proxy: {
type:'ajax',
url:'/api/renter/',
reader:{
type:'json',
rootProperty: 'results'
}
}
},
plugins: [
{
type: 'grideditable'
}, {
type: 'gridviewoptions'
}, {
type: 'pagingtoolbar'
}, {
type: 'summaryrow'
}, {
type: 'columnresizing'
}, {
type: 'rowexpander'
}
],
columns: [
{
text: 'id',
maxWidth: 60,
dataIndex: 'id'
},{
...
},{
text:'certificate',
dataIndex:'certificate'
}
]
});
при удалении всех layout и инициализации классов 'rentlist' и 'contslist' не напрямую (как в коде выше), а как объект другого класса:
{
xtype: 'panel',
title: 'ДОГОВОР',
items: [
{xtype:'contlistII'}
]
},
получаю тоже весьма печальное зрелище:
Как пофиксить этот косяк? Какая конфига может отвечать за размер отображения оглавления грида ? Спасибо.