我是Extjs 4.2的新手，当我使用extjs 3.4时，我使用了groupheader插件。现在我的网格列标题有问题。我写了4级列，我遇到了最后一级子列的问题。他们的身高评估不正确。
问题视图
+------------------------------------------------+-------------------------------------------------------+ | 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渲染不正确，如果可以，请给我帮助，如何解决这个问题，我在Google上搜索了很多时间这个问题，但没有找到答案。
这是网格代码
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'
}]
});
答案 0 :(得分：0)
我有一个解决方法。将style添加到前四列：
style: "padding-top: 6px; padding-bottom: 5px;"
它不是很优雅，但你可以使用它，直到你找到问题的来源。结果如下：jsfidle