Flex DataGrid ComboBox三级联动
DataGrid 里的 ComboBox 做三级联动,玩得溜其实不难,关键是思路清晰。Flex 里的DataGrid就像表格控件中的老大哥,能展示复杂数据,支持编辑排序啥的。加上ComboBox之后,就能让用户边选边看,挺适合搞点有层级的数据联动展示。
ComboBox 的3 级联动咋搞?场景你肯定熟——比如选地址,国家选完是省,省选完是市。你只要设计好数据结构,通常是个多层嵌套的 JSON,把Change 事件监听加上,每选一级更新下一级的选项,就搞定一大半了。
在 DataGrid 里用 ComboBox 时,还得用itemRenderer自定义列渲染器,这样才能把下拉框插进单元格里。别忘了要根据每行的数据动态绑定数据源,否则选项都一样那就尴尬了。
性能这块也别掉以轻心,如果数据量大,不妨用懒加载,选到某项再去加载子数据,响应也快,体验也好。另外别忽略用户体验,选项少时可以直接一次性加载,选项多就要加点加载提示。
哦对了,你可以看看combox4
这个示例文件,估计就是实现三级联动效果的源码。读一读会比较有感觉,学起来也快。
如果你在用 Flex 做后台管理界面,或者有层级数据展示的需求,这招 ComboBox 三级联动放进 DataGrid 用,真的蛮方便的,代码也不复杂,改起来也顺手。
2.68KB
文件大小:
评论区