思路:

1.使用jqurey-tagput ,做得不好看,领导不满意

2.使用bootstrap select2这个控件,

思路:

1.添加css和js的文件

2.添加标签的时候,根据id拼接标签,addSearBox的时候会添加初始化数据,根据不同的id进行初始化;这样添加的时候界面就变化了

3.后来刷新界面以后,页面发生变化,做了这样的操作,添加这样的代码

4.添加选择,和非选择的事件,这点还是很麻烦的;用了一个小算法

var id = target.attr('id');//CC=basic-14if(id=="basic-14"){$.ajax({type:"get",url:"http://localhost:8080/4booking/js/CCtest.json",dataType:"json",asynchronous:true,contentType:"application/json",success:function(data){//alert("success");var data1 = $(data.items);var result = [];$.each(data1,function(infoIndex,info){ if(info.business == "" && info.owner == ""){result.push({id: info.id, text: info.name});}else{result.push({id: info.id, text: info.name+ ":"+ info.owner + "," + info.business});}})// oneReq = result;$("#basic-14").select2({data: result,placeholder:'Please Select',//默认文字提示// language: "en",//汉化allowClear: true//允许清空
                })var temp =[];//删除保存上一次var tmp1 =[];//保存上一次$("#basic-14").on("select2:select",function(e){//1.获取数据//2.添加标签// e 的话就是一个对象 然后需要什么就 “e.参数” 形式 进行获取 //alert("我选择了");var ids= $("#basic-14").select2('val');var arrIds = ids.toString().split(',');temp = arrIds;//tmp1 = arrIds;//    alert(tmp1);//alert(ids);//添加的时候没有添加对,因为数组是动态的if(tmp1==null){tmp1 = [];}if(tmp1.length==0){//alert("我的 00");addTreeSubmitInput("basic-14", ids[0]);}else{//alert("1111111");for(var i=0;i<ids.length;i++){//每一个值var num = 0;for(var j=0;j<tmp1.length;j++){if(ids[i]!=tmp1[j]){num++;}}if(num==tmp1.length){//alert("addddd");addTreeSubmitInput("basic-14", ids[i]);break;}}}tmp1 = ids;console.log(e);})$("#basic-14").on("select2:unselect",function(result){//1.获取数据//2.添加标签//$('#' + 'qqq' + '_treeSubmitInput').remove();var ids= $("#basic-14").select2('val');tmp1 = ids;//alert(tmp1);//alert(ids);//alert(temp);if(ids==null){//alert("xxxxx");$('#' + temp[0] + '_treeSubmitInput').remove();}else{for(var i=0;i<temp.length;i++){//每一个值var num = 0;for(var j=0;j<ids.length;j++){if(temp[i]!=ids[j]){num++;}//alert(num);
                                }//alert("xxx");if(num==ids.length){//alert(temp[i]);if(ids!=null){$('#' + temp[i] + '_treeSubmitInput').remove();}console.log(temp[i]);break;}}}temp = ids;})//alert($(oneReq).size());
             },error:function(data){alert("lose");}});

转载于:https://www.cnblogs.com/bee-home/p/7365566.html

Nolia 给CC添加过滤器相关推荐

  1. 如何右键菜单添加命令提示符_在右键菜单顶部添加过滤器命令

    如何右键菜单添加命令提示符 Do you spend lots of time in Excel tables, filtering the data, then clearing those fil ...

  2. SpringBoot添加过滤器

    问题描述 在Springboot中添加过滤器来进行请求拦截配置 解决方案: 1.在启动类上加上@ServletComponentScan//扫描过滤器使用 2.创建filter包专业放过滤器 3.在该 ...

  3. excel透视表无添加字段_在Excel数据透视表中添加过滤器标记

    excel透视表无添加字段 If you're using Excel 2007 or Excel 2010, you can quickly see which fields in a pivot ...

  4. 给zuul网关添加过滤器

    网关的登录拦截器 接下来,我们在Zuul编写拦截器,对用户的token进行校验,如果发现未登录,则进行拦截. 引入jwt相关配置 既然是登录拦截,一定是前置拦截器,我们在leyou-gateway中定 ...

  5. Vue-easyui中如何给ComboGrid添加过滤器

    1,给ComboGrid绑定监听事件,将事件对象传入.文档:http://www.jeasyui.net/vue/653.html @filterChange="example($event ...

  6. Java添加过滤器过滤xss入侵

    Filter过滤器过滤XSS攻击 一.springmvc框架 1.添加自定义过滤器文件XssFilter.java和XssHttpServletRequestWrapper.java XssFilte ...

  7. java spring 过滤器_java – 如何在spring-security中的另一个过滤器之前添加过滤器?...

    我的应用程序有两种不同的安全配置.一个OAuth2SecurityConfiguration,另一个是LdapSecurityConfiguration.在OAuth2SecurityConfigur ...

  8. 在ASP.NET中如何添加过滤器

    熟悉J2EE Web应用开发的人,都知道在J2EE中有过滤器filter,该filter可以对指定的URL访问进行拦截,并执行过滤器的方法,根据实际应用情况,我们可以在过滤器中修改请求的编码,可以判断 ...

  9. php url参数过滤器,使用php://filter时向流过滤器添加过滤器参数

    我有一个二进制文件,我想转换成标准的符合mime的base64字符串.我想我可以用 php://filter 方法来过滤流,但我对如何设置"line-length"参数感到困惑.还 ...

最新文章

  1. python制作adobe photoshop插件_Adobe Photoshop风格的后期处理和OpenCV
  2. python编程主要干嘛的-让孩子学了Python编程有什么用
  3. ubuntu10.04共享文件夹
  4. wpf 修改label值_WPF 获取动态添加控件的值
  5. WinSock重叠I/O模型
  6. U盘专杀工具,U盘防御软件,U盘病毒防火墙--UDiskSyS
  7. php fetch返回false,Php fetch返回字符串而不是布爾值“true / false”值
  8. 效果好,速度快!DenseNAS:密集连接搜索空间下的高灵活度网络结构搜索
  9. linux conda创建虚拟环境
  10. python---python基本算法的时间复杂度和空间复杂度
  11. IntelliJ IDEA2021.2搭建struts2框架
  12. Redis设计与实现(导航)
  13. IBM ThinkPad SL400 XP驱动
  14. Flink在bilibili的优化与实践
  15. Sublime Text 3破解补丁
  16. Navicat Premium 连接 MongoDB 失败: Cannot connect to MongoDB.No suitable servers found: ......
  17. html5超级玛丽小游戏
  18. 虚拟机无法在更新服务器,今win10更新导致VMware workstation pro无法打开的解决方法...
  19. c语言if语句后的一对圆括号,在C语言中,紧跟在关键字if后一对圆括号里的表达式()...
  20. 计算机系统声音出不来怎么办,win7系统电脑没有声音怎么办? 是什么原因如何解决...

热门文章

  1. java 微博sdk_Java基于新浪微博SDK实现发微博的功能
  2. 概率——2016青岛icpc区域赛 C - Pocky HDU - 5984 公式推导
  3. grep egrep命令中-w选项的用法
  4. replica文件服务器,mongodb replica set 配置高性能多服务器详解
  5. springboot的WebMvcConfigurerAdapter学习(现在常用实现webmvcConfigurer接口和继承WebMvcConfigurationSupport类)
  6. 分类中解决类别不平衡问题
  7. 列表如何做,看这一篇就够啦——触底加载、虚拟滚动与计算展现值
  8. Android GB905协议详解
  9. 【DaVinci Developer专题】-38-Exclusive Area介绍+配置
  10. splunk-kvstore