ExtJS动态树形控件增删改查与拖拽

ExtJS 的树形控件真的是个宝藏,尤其是那种支持动态加载、增删改查、还能拖拽的 Tree,用起来爽。你如果项目里有层级数据展示的需求,比如组织架构、分类目录啥的,这玩意儿直接上就对了。

动态加载的 Tree 用起来挺省资源的,用户点开哪个节点就求哪个节点的数据。只要在loader里配个接口地址,ExtJS 会自己去拿数据,响应也快,体验还不错。

增删改查功能也蛮全的,比如你想加个节点,直接appendChild一下,删就removeChild,改就改属性,查也方便,用getNodeById就能找。这些 API 都比较直观,学起来不费劲。

拖拽那块也挺炫,开启enableDragDrop: true之后,就可以拖来拖去了。配合onNodeDrop事件还能搞自定义逻辑,比如拖完更新后端。前端看着炫酷,后端数据也能跟上,配合蛮丝滑的。

压缩包里代码也都比较全,TreePanel的各种配置基本都能在里面找到。你要是第一次搞 ExtJS 的 Tree,这份资源可以说是个不错的入门练手包,照着改一改,功能就能跑起来。

如果你刚好在做层级结构的前端界面,尤其是要支持动态数据和拖拽交互的那种,这套extjs 动态加载增删改查拖拽 Tree的实现你可以试试看,改一改就能用上。

rar 文件大小:1.69MB