使用Power Apps实现SharePoint Online列表的下拉菜单的级联选择

最新推荐文章于 2022-12-06 18:33:19 发布
VIP文章 最新推荐文章于 2022-12-06 18:33:19 发布
阅读量6.7k 收藏 37
点赞数 9
分类专栏： PowerApps
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shrenk/article/details/105674025
版权

在SharePoint列表中添加数据的时候，下拉菜单的级联选择一直是一个非常实用的功能，尤其是有很多数据的情况，级联选择可以根据上一层的选择，自动过滤下一层的选择，方便用户查找和选择准确的信息。一个最常用的情景是选择供应商的地区和国家，例如有三个列表，一个是供应商所在的大洲，一个是国家，一个是供应商。当用户选择州的时候，会自动列出属于这个州的国家。避免用户迷失在大量的数据中。

这里展示一下如何在SharePoint Online的列表中，使用Power Apps实现这样的级联操作。

首先创建三个列表如下：

大洲列表，只有一个Title字段，保存了大洲的名字：

国家列表，有两个字段，一个是Title，保存国家的名字，一个是大洲，保存国家对应的大洲：

最低0.47元/天 解锁文章
计算机器
关注
  • 9
    点赞
  • 踩
  • 37
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
sharepoint二级联动的下拉框控件
02-25
sharepoint二级联动的下拉框控件。
微软 Power Platform 零基础 Power Apps 解决Lookup查找字段多选问题无需写代码
最新发布
Little Monkey的博客
12-28 474
在开发Power Apps产品的过程中，我们经常遇到查找字段多选的问题，只想用字段显示，又不想用子网格，我们今天来寻找一种不用开发的方式来实现这个功能。PCF Gallery 有各种大佬封装好的解决方案，挑选到合适自己的导入解决方案即可。到此就结束啦，快去练习一下吧！欢迎大佬和小Monkey沟通。添加一个子网格，子网格要相关我们需要建立查找字段关系的实体。添加子网格之后在右侧添加我们的组件进行配置。
android 之Spinner下拉菜单实现级联
01-05
效果图如下： 默认第一次加载 选择原始队列： 级联效果图： 关键代码给下拉列表选中事件监听绑定Id ： 代码如下:int pos = firsthand_dlbh_pinner.getSelectedItemPosition();firsthand_pdbh_adapter = new ArrayAdapter<String>(context, android.R.layout.simple_spinner_item, queu_info[pos]);firsthand_pdbh_spinner.setAdapter(firsthand_pdbh_adapter);完整代码： 布局文件代
js实现全国省份城市级联下拉菜单效果代码
01-21
本文实例讲述了js实现全国省份城市级联下拉菜单效果代码。分享给大家供大家参考。具体如下： 这是一个大家都知道的网页小功能，很常见，全国省份与城市级联菜单，采用Select下拉的方式选择数据，不过现在很多都Ajax了，貌似这种老形式已经过时了，不过在兼容性方面，仍然是不落后的。 运行效果截图如下： 在线演示地址如下： http://demo.jb51.net/js/2015/js-conv-city-xl-menu-style-codes/ 具体代码如下： <!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http
jQuery实现的checkbox级联选择下拉菜单效果示例
01-19
本文实例讲述了jQuery实现的checkbox级联选择下拉菜单效果。分享给大家供大家参考，具体如下： <html> <head> <meta http-equiv=Content-Type content=text/html; charset=utf-8> <title></title> [removed][removed] </head> <body> <!--table 一行一列：table 三行一列：table 一行一列：table 三行一列：table--> <table wid
combox3级联动
12-14
自己用的combox3级联动，非常实用的方法。
PowerApps教程09-下拉列表以及联动筛选
jacky_shenfh的博客
02-27 4948
一、开篇 大家新年好！祝大家新年新气象、一切顺心如意！ 好久没有更新了，过年期间大家都懂的，参与了很多的“膘局”，而且护膘成功。。。 上一个教程跟大家说过了，有了前面的教程，大家其实都可以轻松地做一个比较简单的软件或者系统了。那么今天开始，我们讲解一些更加深入的东西，帮助大家完善各种功能并满足软件的细节性需求。 二、效果 比方说下面的这个截图，就是我们今天想要实现的效果。 大家注意，这里不是下面的项目列表筛选不成功，我当时随便创建了两条记录，其中一条记录说是“无锡某炼油工程项目”，但是我是把它的地址设置为
SharePoint 配置站点导航栏顶级菜单栏的下拉菜单
weixin_30289831的博客
04-11 191
Sharepoint 设置顶级菜单的下拉菜单，在网上有找一些类似的功能，很多都是自己开发控件然后部署，其实这个完全可以sharepoint 设置获得。 效果： 1. 启用设置功能。 进入网站设置—》网站集管理—》网站集功能—》启用sharepoint server 发布基础架构功能 2. 回到站点。 ...
sharepoint2010实现联动下拉框（不用代码）
老衲姓甜的专栏
01-04 686
近期由于实习需要，开始学习sharepoint. 之前对于sharepoint是完全不了解，连听都没听过。不过从现在开始了解啦。 公司近期将原来用的sharepoint2007升级为2010的，很多功能是2007不能实现的。比如这个联动下拉框的实现，在sharepoint2007中是必须用visula studio编写代码来实现的。但sharepoint2010添加了这一个功能，即通过对info
完全自定义sharepoint列表的下拉菜单
姜兴的专栏
06-13 3349
其实估计好多人都知道这个, 嗯这个下拉菜单就是默认sharepoint列表里那个包含"查看", "编辑", "删除"之类的菜单这个东西是完全在前台实现的, 并且sharepoint提供了js接口去修改它方法就是在这个webpart之前插入一段js比如如果自定义文档库列表的话, 就放一个Custom_AddDocLibMenuItems方法如果是普通列表的话, 就放一个Custom_AddListM
《使用面向对象的方式封装js级联下拉菜单列表的实例教程》源码
04-20
本文件属于文章《使用面向对象的方式封装js级联下拉菜单列表的实例教程》的完整代码，在读完原创文章之后可以下载查看代码。代码中cascadeMenu.js文件封装了级联菜单插件，可直接引入到html文件中使用。
vue实现多个下拉去重
weixin_33982670的博客
11-08 630
我们先来看一个图： 可以看到，在添加下拉之后，之前选过的选项不会出现在下拉里面了。 线上地址：线上地址 整个实现过程是用vue实现的，总体来说蛮简单，如果用jQuery实现就会复杂得多。 下面我们来看看vue-devtool里面的数据： 从数据层面，容易看出，整个下拉数据是来自selectMap，通过比较selectItemList来判断是否已经选中，选中的选项不显示。通过求和money计算出...
PowerApps 中的单选控件
qq_16313575的博客
04-11 1959
新增单选按钮，默认显示： 显示1和2，怎么修改成为自己想要的数据呢？ 单选按钮的高级属性，搜索Items，fx的vaule属性填写["circle","triangle","rectangle"]去掉多余的数据，如图： 详细说明： 创建简单列表 添加“列表框”控件，将它命名为“MyListBox”，并将它的“Items”属性设置为以下表达式： ["circle","t...
16.Framework
zhaka的专栏
01-21 55
Android Framework全套学习教程https://blog.csdn.net/huaxun66/article/category/7203839 android 源码解析https://www.jianshu.com/p/9c5b12c16f8c 老罗的 Android 之旅 https://blog.csdn.net/Luoshengyang/article/list/1...
下拉多选框的改进，如何加入全选按钮
技术转管理历程
04-01 800
在网上看到一个下拉浮层效果。具体URL如下，请尊重原来作者版权哦。 http://www.xwcms.net/webAnnexImages/fileAnnex/20131214/41231/xwcms.html 但是这个效果里面，我发现没有全选按钮，我研究了代码一个下午，经过试验成功加入了，全选按钮。具体添加部分如下： 在jquery.selectlayer.js文件中： //清空 $...
解析Power Apps 自动生成的App - 2 - 浏览页面
aladinggao的博客
09-18 1511
接上文，本节将解析浏览页面的构成。
利用InfoPath实现SharePoint Server 2013列表的级联选择（Cascading Drop Down List）
Azure DevOps Server（原名TFS）
03-17 123
最近在利用SharePoint Server 2013的列表组织和存储数据，发现SharePoint列表原始不支持级联选择的功能。 谷歌百度一通以后，发现了很多通过代码实现的方案，利用第三方的插件spservices的http://spservices.codeplex.com/releases/view/119578，或者自己编段代码的http://www.cnblogs.com/jiany...
三,online表单基础使用
moker321的博客
12-06 899
jeecgBoot online使用,树,主附表,
从简单DEMO开始学习Power Apps【DAY 1】
m0_64916060的博客
11-17 1305
.
只使用前端实现基于AJAX的级联下拉菜单
05-27
好的，下面是一个基于AJAX的级联下拉菜单的前端实现示例： HTML部分： ```html <label for="province">省份：</label> <select id="province" name="province"></select> <label for="city">城市：</label> <select id="city" name="city"></select> <label for="district">区县：</label> <select id="district" name="district"></select> ``` JavaScript部分： ```javascript // 获取省份列表 function getProvinceList() { // 发送AJAX请求获取省份列表数据 // ... // 将省份列表数据渲染到下拉菜单中 let select = document.getElementById('province'); select.innerHTML = ''; for (let i = 0; i < provinceList.length; i++) { let option = document.createElement('option'); option.value = provinceList[i].id; option.text = provinceList[i].name; select.appendChild(option); } // 监听省份下拉菜单的变化事件 select.addEventListener('change', function() { getCityList(this.value); }); } // 获取城市列表 function getCityList(provinceId) { // 发送AJAX请求获取城市列表数据 // ... // 将城市列表数据渲染到下拉菜单中 let select = document.getElementById('city'); select.innerHTML = ''; for (let i = 0; i < cityList.length; i++) { if (cityList[i].provinceId == provinceId) { let option = document.createElement('option'); option.value = cityList[i].id; option.text = cityList[i].name; select.appendChild(option); } } // 监听城市下拉菜单的变化事件 select.addEventListener('change', function() { getDistrictList(this.value); }); } // 获取区县列表 function getDistrictList(cityId) { // 发送AJAX请求获取区县列表数据 // ... // 将区县列表数据渲染到下拉菜单中 let select = document.getElementById('district'); select.innerHTML = ''; for (let i = 0; i < districtList.length; i++) { if (districtList[i].cityId == cityId) { let option = document.createElement('option'); option.value = districtList[i].id; option.text = districtList[i].name; select.appendChild(option); } } } // 页面加载时初始化省份列表 window.onload = function() { getProvinceList(); }; ``` 在这个示例中，我们通过发送AJAX请求来获取省份、城市和区县的列表数据，并将它们渲染到对应的下拉菜单中。通过监听下拉菜单的变化事件，我们可以实现级联效果，即当省份变化时，自动更新城市列表；当城市变化时，自动更新区县列表。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值