ExtJs treegrid组件在节点移动后如何添加事件
Ext.onReady(function(){
new Ext.Viewport({
layout : 'fit',
items :{
id:'treegrid',
xtype:'treegrid',
title: '菜单列表',
tbar : ['->',
addAction
],
enableDD:true,
ddGroup : 'mygrid-dd',
enableSort : false,
useArrows : false,
loader : new Ext.ux.tree.TreeGridLoader({
dataUrl: RUL,
baseParams : {action:'getChildren',moduleId:moduleId},
nodeParameter :'id'
}),
root : new Ext.tree.AsyncTreeNode({id:-1}),
columns:[{
header: '菜单名称',
dataIndex: 'name',
width: 150
},{
header: '菜单类型',
dataIndex: 'type',
width: 150
},{
header: '所属模块',
dataIndex: 'moduleName',
width: 150
},{
header: 'URL',
dataIndex: 'url',
width: 300
},{
header:'排序',
dataIndex:'index',
width:200
}]
}
});
Ext.getCmp('treegrid').on('click',function(node){
var url = RUL+'action=form&id='+node.attributes.id;
KSOA.setDetail(url);
//alert(node.attributes.name);
});
KSOA.removeLoading();
})
JS如上,在树显示之后,节点是可以移动的,怎样在移动到目标位置后添加个自定义事件
new Ext.Viewport({
layout : 'fit',
items :{
id:'treegrid',
xtype:'treegrid',
title: '菜单列表',
tbar : ['->',
addAction
],
enableDD:true,
ddGroup : 'mygrid-dd',
enableSort : false,
useArrows : false,
loader : new Ext.ux.tree.TreeGridLoader({
dataUrl: RUL,
baseParams : {action:'getChildren',moduleId:moduleId},
nodeParameter :'id'
}),
root : new Ext.tree.AsyncTreeNode({id:-1}),
columns:[{
header: '菜单名称',
dataIndex: 'name',
width: 150
},{
header: '菜单类型',
dataIndex: 'type',
width: 150
},{
header: '所属模块',
dataIndex: 'moduleName',
width: 150
},{
header: 'URL',
dataIndex: 'url',
width: 300
},{
header:'排序',
dataIndex:'index',
width:200
}]
}
});
Ext.getCmp('treegrid').on('click',function(node){
var url = RUL+'action=form&id='+node.attributes.id;
KSOA.setDetail(url);
//alert(node.attributes.name);
});
KSOA.removeLoading();
})
JS如上,在树显示之后,节点是可以移动的,怎样在移动到目标位置后添加个自定义事件
...全文
相关推荐
EXTJS 4 树形表格组件使用示例
**渲染TreeGrid**:将TreeGrid添加到布局中,并在页面加载时渲染。5. **监听事件**:根据需要添加事件监听器,处理用户操作。
Ext JS 3.4表格高级特性:多表头与列锁定
Ext JS是一个广泛用于开发丰富的Web应用的JavaScript框架,它提供了一套完整的UI组件,让开发者能够快速构建基于浏览器的应用程序。在本章节中,我们将探讨Ext JS 3.4版本的核心特性和设计理念,为理解后续章节中关于多表头功能和列锁定功能的详细介绍打下基础。多表头在数据展示中的作用是将数据表的列分层,允许用户在不同层级上查看数据。这种设计不仅让数据展示更加清晰,而且提高了数据的可读性和组织性。当数据列非常多,或者需要按照不同的维度展示数据时,多表头的优势尤为明显。
Extjs动态树的实现以及节点拖拽
动态树是一种能够实时更新和修改的树形结构,允许用户添加、删除和移动节点。这种功能在各种应用场景中非常有用,如文件系统、组织结构或层级数据的展示。
TreeGrid
**API与事件**: - TreeGrid组件通常提供丰富的API供开发者调用,如添加、删除、移动节点等。 - 提供各种事件回调,如节点点击、展开、折叠等,方便扩展功能。9.
extjs tree 学习资料
**节点操作** - **添加、删除和移动节点**:通过store的方法来实现,如`insertChild`,`removeChild`,`appendChild`等。


