TreePicker用法
时间: 2024-05-13 15:19:07 浏览: 66
TreePicker 是一款基于 ExtJS 框架的树形选择器组件,用于在树形结构中选择节点。它的使用方式如下:
1. 引入 TreePicker 组件
```javascript
Ext.require(['Ext.ux.TreePicker']);
```
2. 创建 TreePicker 实例
```javascript
var treePicker = Ext.create('Ext.ux.TreePicker', {
fieldLabel: '选择节点',
displayField: 'text',
valueField: 'id',
store: store,
rootVisible: false,
listeners: {
select: function(picker, record) {
console.log(record.get('text') + ' was selected.');
}
}
});
```
其中,`store` 是一个 Ext.data.TreeStore 实例,用于存储树形结构数据。
3. 将 TreePicker 添加到容器中
```javascript
Ext.create('Ext.form.Panel', {
renderTo: Ext.getBody(),
items: [treePicker]
});
```
这样就可以在页面上展示出一个树形选择器,用户可以通过点击节点来进行选择。选择后,会触发 `select` 事件,可以在事件处理函数中获取选择的节点信息。