ExtJS列表高度自定义调整代码
时间: 2024-10-10 14:06:31 浏览: 23
extjs4 treepanel动态改变行高度示例
在Ext JS中,要自定义列表的高度,你可以通过操作List组件的配置项来自行设置。首先,你需要创建一个`Ext.List`实例,并为其指定合适的高度。以下是一个基本示例:
```javascript
Ext.application({
name: 'MyApp',
launch: function () {
var listConfig = {
store: Ext.create('Ext.data.Store', { // 假设store已经准备好
fields: ['name']
}),
height: 300, // 设置列表高度为300像素
itemTpl: '<div>{name}</div>', // 每个列表项的模板
renderTo: Ext.getBody() // 渲染到body上
};
var myList = Ext.widget('list', listConfig); // 创建并显示列表
}
});
```
在这个例子中,`height`属性设置了列表的固定高度,`itemTpl`用于定制每个列表项的HTML结构。如果你需要动态调整高度,可以在适当的时候更新`myList.setHeight()`。
阅读全文