Ext JS Tree和Grid结合应用示例
Ext 树和表格的结合应用真的挺有意思，是在需要展示层级数据时。你可以用Ext Tree展示层级结构，比如文件夹、项目或者组织结构，用户还可以通过拖拽、展开、折叠等操作来互动。再加上Ext Grid，就能把数据以表格的形式呈现出来，支持排序、过滤、分页等常见功能。两者结合之后，用户在树上做的选择会直接影响表格内容，表格也能反过来更新树的显示。这种交互体验可以应用在多项目里，比如文件管理系统或者任务管理系统。，Ext JS 中的TreePanel和GridPanel配合得蛮好，能大大提升用户体验哦。如果你在做类似项目，学会怎么配置这些组件对你来说会有，直接提升开发效率。
在实现时，关注下事件监听的，比如监听树的itemclick事件，或者直接用表格的store来绑定树的选择项变化，避免手动刷新表格。建议先搞清楚树的TreeStore和表格的store配置，灵活利用它们之间的联动。
如果你有时间，看看压缩包中的Extjs 入门教程，上面有多关于如何配置树和表格的细节步骤，包括如何解析 XML 或者 JSON 数据源，怎么做布局，甚至如何给组件加上自定义行为。
文件大小：738.98KB
评论区