ext.panel.panel设置滚动条
时间: 2023-10-15 07:08:27 浏览: 45
您可以使用Ext JS中的viewport,将您的面板作为该viewport的子组件。然后,您可以将布局类型设置为fit,并设置overflowY属性为"auto"以启用垂直滚动条。例如:
```
Ext.application({
name : 'MyApp',
launch : function() {
Ext.create('Ext.container.Viewport', {
layout: 'fit',
items: [{
xtype: 'panel',
title: 'My Panel',
overflowY: 'auto',
items: [{
// add other components here
}]
}]
});
}
});
```
相关问题
Ext.grid.Panel 样例
以下是一个简单的 Ext.grid.Panel 样例:
```javascript
Ext.create('Ext.grid.Panel', {
title: 'My Grid Panel',
store: Ext.create('Ext.data.Store', {
fields: ['name', 'age', 'gender'],
data: [
{ name: 'John', age: 30, gender: 'Male' },
{ name: 'Jane', age: 25, gender: 'Female' },
{ name: 'Bob', age: 40, gender: 'Male' }
]
}),
columns: [
{ text: 'Name', dataIndex: 'name' },
{ text: 'Age', dataIndex: 'age' },
{ text: 'Gender', dataIndex: 'gender' }
],
height: 200,
width: 400,
renderTo: Ext.getBody()
});
```
这个样例创建了一个包含三列的表格,每列分别显示人名、年龄和性别。表格中包含三行数据。可以通过 `height` 和 `width` 属性设置表格的大小,通过 `renderTo` 属性指定表格渲染的位置。
Ext.tree.Panel关掉左边的勾选框
要关闭 Ext.tree.Panel 左边的勾选框,您可以使用以下方法之一:
1. 使用 `checkModel` 属性:将 `checkModel` 属性设置为 `'none'`,这将禁用所有节点的勾选框。
```javascript
Ext.create('Ext.tree.Panel', {
// 其他配置项...
checkModel: 'none',
// 其他配置项...
});
```
2. 使用 `checkable` 属性:将 `checkable` 属性设置为 `false`,这将禁用所有节点的勾选框。
```javascript
Ext.create('Ext.tree.Panel', {
// 其他配置项...
checkable: false,
// 其他配置项...
});
```
请注意,以上方法将禁用整个树节点的勾选框。如果您只想禁用特定的节点,请使用节点的 `checked` 属性进行控制。
相关推荐
![doc](https://img-home.csdnimg.cn/images/20210720083327.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)