1. 数据准备
    ,
    ,
    ,
    ,
    ,
    ,
    ,
    ,
    ,
    ,
    ,
    ,
    ,
    ,
    ,
    ,
    ,
    ,
    ,
    ,
    ,
    ,
    ,
    ,
    ,
    ,
    ,
    ,
    ,
    ,
    ,
    ,
    ,
                                                 CateId = ,
                                                 CateName =                                              Depth = ,
                                                 ParentId = ,
                                             },
                                                                                      {
                                                 CateId = ,
                                                 CateName =                                              Depth = ,
                                                 ParentId = ,
                                             },
                                                                                      {
                                                 CateId = ,
                                                 CateName =                                              Depth = ,
                                                 ParentId = ,
                                             }
                                         })
                                     }
                                 })
                             },
                                                      {
                                 CateId = ,
                                 CateName =                              Depth = ,
                                 ParentId = ,
                                 SubCategories =                              {
                                                                      {
                                         CateId = ,
                                         CateName =                                      Depth = ,
                                         ParentId = ,
                                         SubCategories =                                      {
                                                                                      {
                                                 CateId = ,
                                                 CateName =                                              Depth = ,
                                                 ParentId = ,
                                             },
                                                                                      {
                                                 CateId = ,
                                                 CateName =                                              Depth = ,
                                                 ParentId = ,
                                             },
                                                                                      {
                                                 CateId = ,
                                                 CateName =                                              Depth = ,
                                                 ParentId = ,
                                             }
                                         })
                                     },
                                                                      {
                                         CateId = ,
                                         CateName =                                      Depth = ,
                                         ParentId = ,
                                         SubCategories =                                      {
                                                                                      {
                                                 CateId = ,
                                                 CateName =                                              Depth = ,
                                                 ParentId = ,
                                             },
                                                                                      {
                                                 CateId = ,
                                                 CateName =                                              Depth = ,
                                                 ParentId = ,
                                             },
                                                                                      {
                                                 CateId = ,
                                                 CateName =                                              Depth = ,
                                                 ParentId = ,
                                             }
                                         })
                                     },
                                                                      {
                                         CateId = ,
                                         CateName =                                      Depth = ,
                                         ParentId = ,
                                         SubCategories =                                      {
                                                                                      {
                                                 CateId = ,
                                                 CateName =                                              Depth = ,
                                                 ParentId = ,
                                             },
                                                                                      {
                                                 CateId = ,
                                                 CateName =                                              Depth = ,
                                                 ParentId = ,
                                             },
                                                                                      {
                                                 CateId = ,
                                                 CateName =                                              Depth = ,
                                                 ParentId = ,
                                             }
                                         })
                                     }
                                 })
                             }
                         })
                     },
                                      {
                         CateId = ,
                         CateName =                      Depth = ,
                         ParentId = ,
                         SubCategories =                      {
                                                      {
                                 CateId = ,
                                 CateName =                              Depth = ,
                                 ParentId = ,
                                 SubCategories =                              {
                                                                      {
                                         CateId = ,
                                         CateName =                                      Depth = ,
                                         ParentId = ,
                                         SubCategories =                                      {
                                                                                      {
                                                 CateId = ,
                                                 CateName =                                              Depth = ,
                                                 ParentId = ,
                                             },
                                                                                      {
                                                 CateId = ,
                                                 CateName =                                              Depth = ,
                                                 ParentId = ,
                                             },
                                                                                      {
                                                 CateId = ,
                                                 CateName =                                              Depth = ,
                                                 ParentId = ,
                                             }
                                         })
                                     },
                                                                      {
                                         CateId = ,
                                         CateName =                                      Depth = ,
                                         ParentId = ,
                                         SubCategories =                                      {
                                                                                      {
                                                 CateId = ,
                                                 CateName =                                              Depth = ,
                                                 ParentId = ,
                                             },
                                                                                      {
                                                 CateId = ,
                                                 CateName =                                              Depth = ,
                                                 ParentId = ,
                                             },
                                                                                      {
                                                 CateId = ,
                                                 CateName =                                              Depth = ,
                                                 ParentId = ,
                                             }
                                         })
                                     },
                                                                      {
                                         CateId = ,
                                         CateName =                                      Depth = ,
                                         ParentId = ,
                                         SubCategories =                                      {
                                                                                      {
                                                 CateId = ,
                                                 CateName =                                              Depth = ,
                                                 ParentId = ,
                                             },
                                                                                      {
                                                 CateId = ,
                                                 CateName =                                              Depth = ,
                                                 ParentId = ,
                                             },
                                                                                      {
                                                 CateId = ,
                                                 CateName =                                              Depth = ,
                                                 ParentId = ,
                                             }
                                         })
                                     }
                                 })
                             },
                                                      {
                                 CateId = ,
                                 CateName =                              Depth = ,
                                 ParentId = ,
                                 SubCategories =                              {
                                                                      {
                                         CateId = ,
                                         CateName =                                      Depth = ,
                                         ParentId = ,
                                         SubCategories =                                      {
                                                                                      {
                                                 CateId = ,
                                                 CateName =                                              Depth = ,
                                                 ParentId = ,
                                             },
                                                                                      {
                                                 CateId = ,
                                                 CateName =                                              Depth = ,
                                                 ParentId = ,
                                             },
                                                                                      {
                                                 CateId = ,
                                                 CateName =                                              Depth = ,
                                                 ParentId = ,
                                             }
                                         })
                                     },
                                                                      {
                                         CateId = ,
                                         CateName =                                      Depth = ,
                                         ParentId = ,
                                         SubCategories =                                      {
                                                                                      {
                                                 CateId = ,
                                                 CateName =                                              Depth = ,
                                                 ParentId = ,
                                             },
                                                                                      {
                                                 CateId = ,
                                                 CateName =                                              Depth = ,
                                                 ParentId = ,
                                             },
                                                                                      {
                                                 CateId = ,
                                                 CateName =                                              Depth = ,
                                                 ParentId = ,
                                             }
                                         })
                                     },
                                                                      {
                                         CateId = ,
                                         CateName =                                      Depth = ,
                                         ParentId = ,
                                         SubCategories =                                      {
                                                                                      {
                                                 CateId = ,
                                                 CateName =                                              Depth = ,
                                                 ParentId = ,
                                             },
                                                                                      {
                                                 CateId = ,
                                                 CateName =                                              Depth = ,
                                                 ParentId = ,
                                             },
                                                                                      {
                                                 CateId = ,
                                                 CateName =                                              Depth = ,
                                                 ParentId = ,
                                             }
                                         })
                                     }
                                 })
                             }
                         })
                     }
                 });
             }
     
                      {
                                           GetCategories(categoryList, categories);
                          }
     
                      {
                              {
                     allCategories.Add(                 {
                         CateId = subcategory.CateId,
                         CateName = subcategory.CateName,
                         Depth = subcategory.Depth,
                         ParentId = subcategory.ParentId
                     });
                                      {
                         GetCategories(allCategories, subcategory.SubCategories);
                     }
     
                 }
             }
     
         }
     
              {
              
              
              
              
                  }
     }
  2. 服务准备
              {
                               {
                 ContractResolver =          });
     
             context.Response.ContentType =          context.Response.Write(result);
     
         }
     
              {
                      {
                          }
         }
     
     }
  3. 界面控件处理,并引入AngularJS
    );
    );
    ] = $scope.tempCate.filter(function(value, index, array) {
    ;
    ] = ] = ] = ] = $scope.tempCate.filter(function(value, index, array) {
     && value.parentId == newVal.cateId;
    ] = $scope.tempCate.filter(function(value, index, array) {
     && value.parentId == newVal.cateId;
    ] = ] = $scope.tempCate.filter(function(value, index, array) {
     && value.parentId == newVal.cateId;
    ];
    ; i > ; i--) {
    ];
                 <                 <option value=             </             <                 <option value=             </             <asp:HiddenField runat=         </div>
             <asp:Button ID=     </form>
     </body>
     </html>
  4. 后台代码
             {
                 LoadCategoryId = ;
             }
         }
     
     
              {
             Button1.Text = hfCategory.Value;
         }
     }
  5. 说明
  • 需要引入angular.js和ui-bootstrap.js
  • AngularJS的$scope.$watch很有用
  • 借助隐藏域实现前台台数据传递
  • 源码地址

WebForm使用AngularJS实现下拉框多级联动的更多相关文章

  1. 下拉框多级联动辅助js,优化您的下拉框

    function IniteSelect(options) { $("body").IniteSelect(options) } (function ($) { $.fn.Init ...

  2. angularJs实现下拉框多选

    话不多说,直接上干货. 肯定需要下拉选插件.必须引入的是   注意 先后顺序 select2.css select2-bootstrap.css select2.min.js angular.min. ...

  3. C# MVC LayUI实现下拉框二级联动

    一.layui.use 1.LayUI的官方使用文档:https://www.layui.com/doc/ 2.layui的内置模块不是默认就加载好的,必须要执行启动模块的这种方法后模块才会加载: 3 ...

  4. asp 下拉框二级联动

    <script language = "JavaScript"> //js开始 var aaa;//定义aaa变量 aaa=0;//aaa赋0 bb = new Arr ...

  5. ASP.NET——实现两个下拉框动态联动

    引入: 在网页中,我们经常会遇到下图中的情况.首先在下拉框中选择所在的省,选择之后,第二个下拉框会自动加载出该省中的市.这样设计极大的方便了用户的查找.那这是如何实现的呢? 1.建立数据库 " ...

  6. 通过创建元素从而实现三个下拉框的联动效果(create.Element("option"))和提交表单时的验证p.match("请选择")

    <html> <head> <meta charset="utf-8"> <title>下拉框</title> < ...

  7. django:下拉框二级联动实现

    注意:只列举核心部分代码 前台模板: 第一级下拉菜单: <div class="col-sm-4"> <select data-placeholder=" ...

  8. angularjs 实现下拉框编辑数据回显

    https://www.cnblogs.com/janice-jia/p/9764938.html 正常的js回显选择,需要添加 select ="selected",angula ...

  9. angularJS select下拉框检测改变

    html:(已引入amazeUI) <div style="width:70px;display:inline-block;"> <form class=&quo ...

随机推荐

  1. lucene 索引 demo

    核心util /** * Alipay.com Inc. * Copyright (c) 2004-2015 All Rights Reserved/ */ package com.lucene.de ...

  2. 简单的canvas时钟

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  3. [MVC_Json序列化]MVC之Json序列化循环引用

    在做MVC项目时,难免会遇到Json序列化循环引用的问题,大致错误如下 错误1:序列化类型为“...”的对象时检测到循环引用. 错误2:Self referencing loop detected f ...

  4. ajax post 请求415\ 400 错误

    今天用ajax 向后台发送 post请求时,出现了两个问题: 1, 发送请求后,控制台 返回  Unsupported media type-415(不支持的媒体类型),这时突然想起来,post 请求 ...

  5. Linux新建用户并添加到sudo组

    原文参考链接:https://www.douban.com/note/338488349/ 以在kali 下添加一个test用户为例: Step1#:添加新用户useradd -r -m -s /bi ...

  6. tcp 之失败重传机制

    1.回退N步协议: 滑动窗口模式,每次传送一批的数据,接收到一个就再放进去一个,如果前面一个没有收到回复,后面的就算收到了后面的数据也丢掉 2选择性重传 区别是收到后,缓存.

  7. 搜集资料&安装环境

    开始入坑DSP,芯片是TI的TMS320C6678,硬件平台为TI官方的TMS320C6678L开发板. 官方给的资料有很多,各种用户手册.软件支持包,眼花缭乱.先尝试把开发环境搭起来,跑个Hello ...

  8. 《Spark MLlib机器学习实践》内容简介、目录

      http://product.dangdang.com/23829918.html Spark作为新兴的.应用范围最为广泛的大数据处理开源框架引起了广泛的关注,它吸引了大量程序设计和开发人员进行相 ...

  9. 7 -- Spring的基本用法 -- 4...

    7.4 使用 Spring 容器 Spring 有两个核心接口:BeanFactory 和 ApplicationContext,其中ApplicationContext 是 BeanFactory ...

  10. Android中View类OnClickListener和DialogInterface类OnClickListener冲突解决办法

    Android中View类OnClickListener和DialogInterface类OnClickListener冲突解决办法 如下面所示,同时导入这两个,会提示其中一个与另一个产生冲突. 1i ...