ExtJS动态树形控件增删改查与拖拽
ExtJS 的树形控件真的是个宝藏,尤其是那种支持动态加载、增删改查、还能拖拽的 Tree,用起来爽。你如果项目里有层级数据展示的需求,比如组织架构、分类目录啥的,这玩意儿直接上就对了。
动态加载的 Tree 用起来挺省资源的,用户点开哪个节点就求哪个节点的数据。只要在loader
里配个接口地址,ExtJS 会自己去拿数据,响应也快,体验还不错。
增删改查功能也蛮全的,比如你想加个节点,直接appendChild
一下,删就removeChild
,改就改属性,查也方便,用getNodeById
就能找。这些 API 都比较直观,学起来不费劲。
拖拽那块也挺炫,开启enableDragDrop: true
之后,就可以拖来拖去了。配合onNodeDrop
事件还能搞自定义逻辑,比如拖完更新后端。前端看着炫酷,后端数据也能跟上,配合蛮丝滑的。
压缩包里代码也都比较全,TreePanel
的各种配置基本都能在里面找到。你要是第一次搞 ExtJS 的 Tree,这份资源可以说是个不错的入门练手包,照着改一改,功能就能跑起来。
如果你刚好在做层级结构的前端界面,尤其是要支持动态数据和拖拽交互的那种,这套extjs 动态加载增删改查拖拽 Tree
的实现你可以试试看,改一改就能用上。
1.69MB
文件大小:
评论区