下拉数据集多选联动

最新推荐文章于 2022-10-25 20:50:54 发布
最新推荐文章于 2022-10-25 20:50:54 发布
阅读量597 收藏
点赞数
分类专栏： 报表设计 文章标签： 联动 多选 下拉数据集
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/rqgxy/article/details/53408079
版权

客户想实现当查询条件里有多个省份的时候，查询出来的是多个省份下地市的信息

 

选择一个省份，联动地市,这个没问题,我现在要选择多省份，联动多省份的地市,我改成in了,可是没起作用

从客户描述看应该是客户的写法存在问题，请客户提供内建数据集的报表看下。

将关联过滤表达式修改为C1.indexOf(prov_code) >= 0，满足需求。

 

rqgxy
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
可以放到项目中用 多选下拉列表 复选下拉列表 jquery多选列表 多选多级联动下拉列表，有demo
11-09
可以放到项目中用 mutiselect 下拉多选插件 可以放到项目中用 多选下拉列表 复选下拉列表 jquery多选列表 多选多级联动下拉列表，有demo
支持联动， 下拉选择，下拉多选，下拉层级选
08-11
原来15天， 现在2小时 哈哈
二级联动多选器
weixin_30622181的博客
04-03 387
因为需要 在网上没找到适合的插件就自己写了一个。下面代码需要导入一个JQ（我的：jquery-1.10.2.min_65682a2.js）包和一张小图标 （我的：close.gif），找替代的放进去就行； HTML+JQ： <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <tit...
js多级联动多选checkbox插件
08-10
js多级联动多选checkbox插件
checkbox联动选择
12-10
复选框联动， 选中某一个节点，该节点的所有子节点均置为选中，该节点的所有父节点均置为选中
cxSelect多级联动下拉菜单
06-01
这种菜单结构可以帮助用户在大型数据集或层级关系中快速找到目标，常见于地区选择、分类导航等场景。 在JavaScript和jQuery的世界里，实现cxSelect多级联动下拉菜单主要涉及到以下几个关键知识点： 1. **DOM操作**...
帆软FineReport实现下拉框控件多级联动查询模板 + SQL脚本
07-01
为了学习和使用这些模板，你需要在FineReport环境中导入它们，然后查看和分析模板的设置，包括参数配置、数据查询以及图表的联动规则。通过这种方式，你可以了解到如何在实际项目中应用这些技巧，提高报表的交互性和...
jsTreeSelect jquery 树形下拉菜单
07-22
对于大型数据集，jsTree支持异步加载，可以使用JSON或XML格式从服务器获取数据。通过设置`core.data`属性，可以指定数据加载的方式，例如： ```javascript core: { data: { url: 'your-data-source-url', ...
jquerycasecader一个jquery级联下拉组件
08-12
- **异步加载**：对于大型数据集，可以考虑在用户展开下拉时异步加载子级选项，以减少初次加载时的等待时间。 - **本地化支持**：如果应用需要支持多种语言，可以实现多语言版本，通过修改组件的文本提示和错误...
JS的三级联动
07-06
首先，我们需要准备一个结构化的数据集，来存储全国的省、市、区信息。这个数据通常是以JSON格式存储，例如： ```json [ { "province": "北京市", "cities": [ {"city": "北京市市辖区", "districts": ["东城区...
Jquery实现省市区三级联动多选.zip
10-09
以往的项目中都是简单的二级联动一对一或者三级联动一对一，如果想实现三级联动多对多，怎么做呢？本案例为您揭晓答案。
润乾集算报表实现参数联动效果
raqreport的博客
04-11 1567
http://blog.runqian.com.cn/?p=1833 在报表交互分析中，报表经常需要根据参数变化实时联动展现。润乾集算报表可以实现参数联动效果，下面通过一个例子说明。   页面的左侧为参数输入入口，参数选择后右侧数据报表会根据左侧的选择实时查询得到结果，如下图：   实现步骤见下。 准备报表   连接默认的demo数据源，制作如下报
select 多选联动
haofangkiller的专栏
10-25 962
比如：select1选项内容为[123,345],"123"触发select2为["A","B","C"] ,"345"触发select2为["B","C","D","E"],同时选中"123"，"345"时，则select2应为["A","B","C","D","E"]；废话不多说，直接上代码。刚开始找了两个mutipleSelect库，要么是方法说明不全，要么是select不能被二次赋值更新，不过最终还是找到一个可用，样式简单的多选库，链接在最下边。
layui 多选插件selectM实现联动
老骆驼的博客
06-04 2389
平时经常使用的多选插件就是layui的selectM，新的需求需要在原有基础上，实现联动。本来是多选，现在需要改成每次选择一个，然后线上版本根据选择的包名自动获取。为了偷懒，没有直接把包名直接改成改成单选，因为后续需求可能会出现，下拉两个的联动，因此研究了下selectM的源码，并作了选中事件的源码修改。 源码添加选中后的函数 在页面的js中，实现下拉函数，这里因为重写的js是全局的，因此如果一个页面上存在两个selectM的对象，都会执行改方法，因此需要根据id指定需要执行该方法的元素。 第一个下.
el-tree多选和联动
liutianxiao123的博客
09-29 1808
根据角色不同类别改变树的选择和禁用，下面我将所有代码复制过来，如果有变量确实自行补充。
省市区三级联动多选
zshsats博客
04-09 8025
Jquery实现省市区三级联动多选 项目地址:https://github.com/zshsats/city
element下拉二级多选联动_EXCEL中实现二级联动下拉菜单
weixin_36050664的博客
01-12 823
关键字：数据有效性，定义名称，indirect函数操作步骤：步骤1.准备好原始数据。步骤2.选中E列，打开数据工具栏，选择“数据有效性”。步骤3. 在有效性条件的“允许”选项中，选择“序列”，将“提供下拉箭头”打钩，来源为“原始数据中所需选择条件”，点击确定。步骤4. 选中原始数据，打开公式工具栏，选择“根据所选内容创建”，确定。步骤5.选中G2，打开数据工具栏，选择“数据有效性”，在有...
【润乾报表5】下拉日历关联过滤下拉数据集实例
RQlyc的博客
09-12 514
需求：       在报表的实际应用中有很多人希望可以通过点击下拉日历关联过滤下拉数据集，原因是因为随着时间的推移下拉数据集的选项会越来越多，而我们在使用时不希望把所有的都加载出来，故希望通过日期筛选下拉数据集。 实现方式：      利用下拉数据集的关联过滤选项来实现，具体举例如下 最终效果： 选择日期后下拉数据集根据此日期关联过滤 参数模板具体设置 1.建立参数模板； 2.按照需要修改...
html多选框联动,elementui中的穿梭框实现单选以及联动
weixin_26757925的博客
06-07 505
最近做的项目中用到了elementui中的穿梭框，要求老师和学生对应的关系是一对多，老师只能是单选的，并且如果选择了已设置的老师，需要在下面的学生的穿梭框中，同步显示该老师名下的学生信息，因为穿梭框默认是支持多选的，所以在原有基础上加以改造效果图 代码html代码选择要设置的指导老师选择要设置的学生取 消确 定数据格式teacherdata: [//老师数据{key: 0,label: `老师 A...
elementui 模糊下拉查询+多选
最新发布
09-05
在ElementUI中，可以使用它的下拉选择组件来实现模糊下拉查询和多选的功能。 首先，我们需要在页面中引入ElementUI的下拉选择组件。可以使用以下代码： ``` <template> <el-select v-model="selectedItems" multiple filterable remote @remote-method="searchItems" :remote="fetchItems"> <el-option v-for="item in items" :label="item.name" :key="item.id" :value="item.id"></el-option> </el-select> </template> ``` 在上面的代码中，我们使用了`el-select`组件来实现下拉选择功能。设置`multiple`属性可以开启多选模式，设置`filterable`属性可以开启模糊查询模式。通过`v-model`指令可以绑定选中的值。 接下来，我们需要在Vue组件的`data`选项中定义相关的数据和方法。可以使用以下代码： ``` <script> export default { data() { return { selectedItems: [], // 选中的值 items: [], // 下拉选择的所有选项 // 模拟远程获取选项的方法 fetchItems(query) { // 在这里可以发送异步请求获取匹配的选项 // 将选项赋值给 this.items }, // 模糊查询选项的方法 searchItems(query) { // 在这里可以过滤出匹配的选项 // 将过滤后的选项赋值给 this.items } }; } }; </script> ``` 在上述代码中，我们定义了`selectedItems`数组来存储已选中的值，`items`数组来存储下拉选项的所有值。同时，我们通过`fetchItems`方法模拟了异步获取选项的过程，可以在其中发送实际的异步请求获取匹配的选项。而`searchItems`方法用于模糊查询过滤选项。 最后，根据实际需求，可根据 `fetchItems` 和 `searchItems` 内部逻辑来设置异步请求和模糊查询的实现。通过以上代码，我们可以在ElementUI中实现模糊下拉查询和多选的功能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值