我是新的Extjs 4.2，当我工作extjs 3.4我用groupheader插件。现在我有问题的列标题在网格中。我写了4级列，我有问题的最后一级子列。他们的高度评估不正确。
问题视图
Jsfiddle
+------------------------------------------------+-------------------------------------------------------+
| Column 1 | Column 2 |
+-----------------------+------------------------+------------------------------+-------------------------
| col11 | col12 | col21 | col22 |
+-----------------------+------------------------+------------------------------+------------------------+
| col111 | col112 | col121 | col122 | col211 | col212 | | |
+------------------------------------------------+------------------------------| col221 | col222 |
| problem space | c2111 | c2112 | c2121 | c2122| | |
+------------------------------------------------+-------+-------+_------+------+-------------+----------+
| |
| |
| store data |
| |
| |
+--------------------------------------------------------------------------------------------------------+如果删除Column2，列将是正确的，Column1包含3级，Column2包含4级，这就是为什么Column1呈现不正确，请给予我帮助，如果你可以，如何解决这个问题，我在谷歌上搜索了很多时间，但没有找到答案。
这是网格代码
Ext.define("ValyutaApp.view.revenue.Republic", {
extend: "Ext.grid.Panel",
requires: [
"Ext.toolbar.Paging",
"Ext.ux.grid.FiltersFeature",
"Ext.form.field.Date",
"Ext.grid.feature.Summary"
],
alias: "widget.revenue-republic",
store: "ValyutaApp.store.revenue.Republic",
initComponent: function () {
var me = this;
me.features = me.buildFeatures();
me.columns = me.buildColumns();
me.dockedItems = me.buildDockedItems();
me.callParent(arguments);
},
buildFeatures: function () {
return {ftype: "summary"};
},
buildColumns: function () {
return [
{
text: "Шундан",
menuDisabled: true,
columns: [
{
text: "Микрофирма ва кичик корхоналар",
menuDisabled: true,
columns: [
{
text: "Сони",
dataIndex: "MFMPSONI",
width: 80,
//xtype: "numbercolumn",
align: "right",
summaryType: "sum"
},
{
text: "Суммаси",
dataIndex: "MFMPSUM",
width: 120,
xtype: "numbercolumn",
align: "right",
summaryType: "sum"
}
]
},
{
text: "Микрофирма ва кичик корхоналар тоифасига кирмайдиган",
menuDisabled: true,
columns: [
{
text: "Сони",
dataIndex: "KFSONI",
width: 80,
//xtype: "numbercolumn",
align: "right",
summaryType: "sum"
},
{
text: "Суммаси",
dataIndex: "KFSUM",
width: 120,
xtype: "numbercolumn",
align: "right",
summaryType: "sum"
}
]
}
]
},
{
text: "Шу жумладан: Имтиёзлар турлари сони ва суммаси",
menuDisabled: true,
columns: [
{
text: "ВМнинг 245-сонли карорига асосан",
menuDisabled: true,
columns: [
{
text: "3-а бандига мувофик",
menuDisabled: true,
columns: [
{
text: "Сони",
dataIndex: "LG3ASONI",
width: 80,
//xtype: "numbercolumn",
align: "right",
summaryType: "sum"
},
{
text: "Суммаси",
dataIndex: "LG3ASUM",
width: 120,
xtype: "numbercolumn",
align: "right",
summaryType: "sum"
}
]
},
{
text: "3-б бандига мувофик",
menuDisabled: true,
columns: [
{
text: "Сони",
dataIndex: "LG3BSONI",
width: 80,
//xtype: "numbercolumn",
align: "right",
summaryType: "sum"
},
{
text: "Суммаси",
dataIndex: "LG3BSUM",
width: 120,
xtype: "numbercolumn",
align: "right",
summaryType: "sum"
}
]
}
]
},
{
text: "Берилган имтиёзлар",
menuDisabled: true,
columns: [
{
text: "Сони",
dataIndex: "LGHUKSONI",
width: 80,
//xtype: 'numbercolumn',
align: 'right',
summaryType: 'sum'
},
{
text: "Суммаси",
dataIndex: "LGHUSUM",
width: 120,
xtype: 'numbercolumn',
align: 'right',
summaryType: 'sum'
}
]
}
]
}
]
},
buildDockedItems: function () {
return [
{
xtype: "toolbar",
dock: "top",
items: [
{
text: "Excel",
iconCls: "excel-icon",
action: "excel"
},
" Период: ",
{
xtype: "datefield",
name: "period",
width: 120
},
{
iconCls: "ok-icon",
action: "ok"
}
]
},
{
xtype: "pagingtoolbar",
dock: "bottom",
store: this.store,
displayInfo: true
}
];
}
});这是窗口的代码
Ext.define("ValyutaApp.view.revenue.Area",{
extend: "Ext.window.Window",
alias: "widget.revenue-area",
title: "Тушум тугрисида МАЪЛУМОТ",
width: 700,
height: 400,
autoScroll: true,
closable: true,
closeAction: 'hide',
maximizable: true,
layout:'fit',
items: [{
xtype: 'revenue-republic'
}]
});
1条答案
按热度按时间qij5mzcb1#
我有一个解决方法。将
style添加到前四列：它不是很优雅，但是你可以使用它，直到你找到问题的根源。jsfidle