级联菜单-初始化

级联菜单已经做好了,可以要是编辑的时候,需要把之前数据的值用select表示出来。
思路如下:
用逗号分隔的String字符串表示初始化数据。能够得到第一层的对象,然后赋初值。通过JS的操作得到第一层对象的下一个兄弟对象就是下一个Select,然后赋值。以些类推。
代码如下:

var json = [{'id':'0','name':'河南',parentId:'-1',children:[
                    {'id':'01','name':'郑州','parentId':'0','children':
                        [{'id':'011','name':'二七区',parentId:'-1',children:'-1'}]},
                    {'id':'02','name':'新乡','parentId':'0','children':'-1'}]},
                {'id':'1','name':'江苏',parentId:'-1',children:[
                    {'id':'11','name':'江苏1','parentId':'1','children':'-1'},
                    {'id':'12','name':'江苏2','parentId':'1','children':'-1'}]}];

    var Settings = {
            id:''
    };     
    var DyCacadeSelect = {
        init:function(id,json,path){
            Settings.id = id;
            var json = DyCacadeSelect.initJson(json);
            DyCacadeSelect.recursion(json);
            DyCacadeSelect.editInit(path);
        },
        initJson:function(json){
            //json作为另一个json对象的属性值 
            //失败的操作有:
            //1:字符串转成json
            //将json对象作为字符串赋值  ----jsonRoot作为字符串合并json----转换JSON
            //用eval("("+jsonRoot")")转换为json 成功  
            //用$.parseJson("{"+jsonRoot+"}") 转换失败 
              //原因是$.parseJson必须是标准的json格式。例如必须用""括起来属性与属性值
            var jsonRoot = {'id':'-1','name':'',parentId:'-2','children':json};   
            return jsonRoot;
        },
        editInit:function(paths){
             var path = paths.split(",");
             $("#-2 option[value='"+path[0]+"']")
                .attr("selected",true);
             $("#-2").trigger("change");
             for(var repeat=0;repeat<path.length-1;repeat++){
                 $($("#-2").nextAll("select")[repeat])
                    .find("option[value='"+path[parseInt(repeat)+1]+"']")
                    .attr("selected",true);
                 if(parseInt(repeat)+1<path.length-1){
                     $($("#-2").nextAll("select")[repeat])
                     .trigger("change");
                 }
             }
        },
        isChildren:function(note){
            return note.children == '-1';
        },
        recursion:function(root){
            if(DyCacadeSelect.isChildren(root)){
                return ;
            } else {
                DyCacadeSelect.initSelect(root);
                $.each(root.children,function(index,comment){
                    DyCacadeSelect.initOption(root,comment);
                    DyCacadeSelect.initSelectChange(root,comment);
                });
            }
        },
        initSelect:function(note){
            $("#"+Settings.id).append("<select"+
                    " class='select small newselect' name='keyword' id='"+note['parentId']+"'>"+
                    "<option value=''>--请选择--</option></select>");
        },
        initOption:function(note,comment){
            $("#"+note['parentId']).append("<option "+
                    "value='"+comment['id']+"'>"+comment['name']+"</option>");
        },
        initSelectChange:function(note,comment){
            $("#"+note['parentId']).bind("change",function(){
                if($("#"+note['parentId']).val()==''){
                    DyCacadeSelect.clearNextAllSelect(note);
                }
                if(comment['id'] == $("#"+note['parentId']).val()){
                    DyCacadeSelect.existNextSelectOperatorClear(note);
                    DyCacadeSelect.recursion(comment);
                } 
            });
        },
        existNextSelectOperatorClear:function(note){
            if(DyCacadeSelect.isExistNextSelect(note)){
                DyCacadeSelect.clearNextAllSelect(note);
                return true;
            }
            return false;
        },
        clearNextAllSelect:function(note){
            $("#"+note['parentId']).nextAll('select').remove();
        },
        isExistNextSelect:function(note){
            var selectLength = $("select[id="+note['parentId']+"]").length;
            if(selectLength>0){return true;}
            return false;
        }
    };
    //调用如下
    DyCacadeSelect.init("select",json,"0,01,011");
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Go语言(也称为Golang)是由Google开发的一种静态强类型、编译型的编程语言。它旨在成为一门简单、高效、安全和并发的编程语言,特别适用于构建高性能的服务器和分布式系统。以下是Go语言的一些主要特点和优势: 简洁性:Go语言的语法简单直观,易于学习和使用。它避免了复杂的语法特性,如继承、重载等,转而采用组合和接口来实现代码的复用和扩展。 高性能:Go语言具有出色的性能,可以媲美C和C++。它使用静态类型系统和编译型语言的优势,能够生成高效的机器码。 并发性:Go语言内置了对并发的支持,通过轻量级的goroutine和channel机制,可以轻松实现并发编程。这使得Go语言在构建高性能的服务器和分布式系统时具有天然的优势。 安全性:Go语言具有强大的类型系统和内存管理机制,能够减少运行时错误和内存泄漏等问题。它还支持编译时检查,可以在编译阶段就发现潜在的问题。 标准库:Go语言的标准库非常丰富,包含了大量的实用功能和工具,如网络编程、文件操作、加密解密等。这使得开发者可以更加专注于业务逻辑的实现,而无需花费太多时间在底层功能的实现上。 跨平台:Go语言支持多种操作系统和平台,包括Windows、Linux、macOS等。它使用统一的构建系统(如Go Modules),可以轻松地跨平台编译和运行代码。 开源和社区支持:Go语言是开源的,具有庞大的社区支持和丰富的资源。开发者可以通过社区获取帮助、分享经验和学习资料。 总之,Go语言是一种简单、高效、安全、并发的编程语言,特别适用于构建高性能的服务器和分布式系统。如果你正在寻找一种易于学习和使用的编程语言,并且需要处理大量的并发请求和数据,那么Go语言可能是一个不错的选择。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值