我该怎么做,以便用户只能在表中选择其中三个复选框?

2020-09-16 19:51发布

         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)


当我们在表中使用多选模式时,如何允许用户最多只能选择三个复选框。

         点击此处--->   EasySAP.com群内免费提供SAP练习系统(在群公告中)

加入QQ群:457200227(SAP S4 HANA技术交流) 群内免费提供SAP练习系统(在群公告中)


当我们在表中使用多选模式时,如何允许用户最多只能选择三个复选框。

付费偷看设置
发送
2条回答
宇峰
1楼-- · 2020-09-16 20:40

您好 Ranjithkumar Ayyavu

您可以使用表事件selectionChange

编写逻辑。 检查所选项目是否超过条件,然后将所选项目设置为false。

这是示例代码

JSFiddle链接:示例

view.xml

 
 
 .disableSelectAll th.sapMListTblSelCol> .sapMLIBSelectM {display:none;  }
 
 <页面>
 
 <列>
 <栏目>
 

Worklist.controller.js

 sap.ui.define([
 " sap/ui/core/mvc/Controller",
 " sap/ui/model/json/JSONModel"
 ],函数(Controller,JSONModel){
 "使用严格";


 返回Controller.extend(" fgt.controller.Worklist",{
 onInit:function(){
 var oModel = new JSONModel({
 "客户":[{
 " ID":1
 " PartyName":" John Doe",
 "分类":"个人",
 "角色":"客户",
 "名称":"客户其他业务"
 },{
 " ID":2
 " PartyName":" Mpeg La,L.L.C.",
 "分类":"组织",
 "角色":"客户",
 "名称":"客户其他业务"
 },{
 " ID":3,
 " PartyName":" Pinterest,Inc.",
 "分类":"组织",
 "角色":"客户",
 "名称":"客户其他业务"
 },{
 " ID":4
 " PartyName":" Cornelius Curtis",
 "分类":"个人",
 "角色":"客户",
 "名称":"客户其他业务"
 },{
 " ID":5
 " PartyName":" Jan Hunt",
 "分类":"个人",
 "角色":"客户",
 "名称":"客户其他业务"
 },{
 " ID":6
 " PartyName":" Adam Alexander",
 "分类":"个人",
 "角色":"客户",
 "名称":"客户其他业务"
 }]
 });
 this.getView()。setModel(oModel," viewModel");
 },


 onSelect:function(e){
 var oSrc = e.getSource(),
 aItems = oSrc.getSelectedItems();


 if(aItems.length> 3){//检查所选项目是否大于3
 var oItem = e.getParameter('listItem');
 oItem.setSelected(false);
 返回;
 }
 }


 });
 });
 

此致

Vedaradhya。

野沐沐
2楼-- · 2020-09-16 20:52

自己做,您期望什么?

计数,如果达到3个以上,则只需取消选择新选择的一个即可。

一周热门 更多>