extjs4>;网格>;动态设置高度以适应任意数量的记录
在我的ExtJS4网格中,我希望在加载记录时动态设置高度 例如:extjs4>;网格>;动态设置高度以适应任意数量的记录,extjs,Extjs,在我的ExtJS4网格中,我希望在加载记录时动态设置高度 例如: 如果我的网格加载52条记录,那么它应该同时显示所有52条记录(网格中没有任何滚动条) 如果我的网格加载73条记录,那么它应该同时显示所有73条记录(网格中没有任何滚动条) i、 我不需要网格中的任何滚动条。相反,我想使用浏览器的滚动条代替 有人有解决方案吗?您必须处理网格存储上的加载事件,然后通过 youGrid.getStore().on('load', function anonym(){ myGrid.setHeigh
有人有解决方案吗?您必须处理网格存储上的加载事件,然后通过
youGrid.getStore().on('load', function anonym(){
myGrid.setHeight(this.getCount() * 16); // to be calculated
}
当然,如果不为网格指定高度属性,则必须调整此网格的所有父容器的大小。这将解决问题。谢谢您的帮助, 这就是答案,但如果您不在网格初始化范围内,类似这样的情况更合适:
myGrid.getView().on('refresh',function(){
var-cellheight=28;
var滴定光=50;
myGrid.setHeight(myGridStore.getCount()*cellheight+titlheight);
});代码>我们需要知道哪个版本?检查这个我认为不起作用,你需要做的是挂接网格存储的加载事件,计算有多少行,然后相应地调整网格的高度@AhsanAbdulJabbar你知道这一切都可以通过使用分页来避免吗?我的一些单元格跨越2-3行,我如何计算?这对我来说很有效,似乎是最简单的解决方案。它还解决了digz6666的问题“我的一些细胞跨越2-3行,我如何计算?”
Ext.create('Ext.grid.Panel', {
id: "empDetails",
store: store,
columns: [{
text: "Name",
dataIndex: 'Name'
}, {
text: "Age",
dataIndex: 'Age'
}],
renderTo: 'example-grid',
forceFit: true,
width: 300,
***getTotalHeight: function() {
return "auto";
},***
dockedItems: [{
xtype: 'toolbar',
items: [{
text: 'Employee Details'
}
]
}]
});