Jquery单选树

大家都知道jquery的多项选择树,用的很普遍,但是jquery的单选树却用的比较少,因为平常如果是单选的话,大家选择的最多就是下拉式列表框了,但是有些东西用下拉式列表框又不直白,比如具有层级关系的,地区列表。因为我们选择地区的时候不可能选择多个,但是他们却是具有层级关系的所以必须要用到这种树形结构

Jquery单选树_第1张图片

现在来解析一下如何生成动态树形结构;


这一段代码表示会去读取我们的nodetree里面的内容然后放入到areatree 这个div里面;

最主要的就是说它的这个树是什么类型的;


第一个我们可以设成固定的中国,然后下面的都可以从后台读取出来数据,去拼这样一个串就可以了;

 public StringBuffer getTree(List<InfoDistrict> listdist){
    StringBuffer sb=new StringBuffer();
    sb.append("N[\"0_000000000\"]=\"T:中国\";");
    for(InfoDistrict dist:listdist){
String tree="N["+"\""+dist.getParentCode()+"_"+dist.getEnvUnitCode()+"\"]"+"="+"\"T:"+dist.getEnvUnitName()+";"+"C:L("+dist.getEnvUnitCode()+")\""+";";
sb.append(tree);
}
    return sb;
     }

具体的可以去下载我上传的附件,不需要积分随下随用的;

http://download.csdn.net/my


你可能感兴趣的:(Jquery单选树)