MyJSFrame Demo 05

无限级树

大量的数据需要用树形结构展现时，无限级树就派上用场了。在没有Ajax与Dhtml的时代，无限级树是个麻烦事儿，几乎统一的做法是一次把所有数据都读取出来，再用table表现，数据量大并且结构复杂，结果是一棵树变得相当笨重。有了Ajax后，数据分批读取，结构使用优化的ul列表，再结合css定义ul的margin-left，轻松就能完成一棵树。下面的例子使用“下拉级联”的省市数据。数据在页面作了局部缓存，第一次展开某枝节获取数据后，第二次再展开该枝节，将使用缓存数据。