JEPaaS 社区

 找回密码
 立即注册
JECloud低代码平台-官网
查看: 2144|回复: 0

【按钮系列】选中列表数据点击按钮待用户确认后再继续

[复制链接]

75

主题

77

帖子

355

积分

中级会员

Rank: 3Rank: 3

积分
355
发表于 2021-8-23 18:05:41 | 显示全部楼层 |阅读模式
一、实现效果
如图1所示,实现列表选中几条数据,然后点击按钮,弹出确认框,确认通过后再进行下一步。
1.png
二、实现思路
1、在按钮的单击事件上写代码
2、通过confirm函数实现所对应的效果
三、具体操作
1、增加一个列表按钮,如果不会增加的话,参考帖子:【按钮系列】列表按钮点击后若不符合条件直接驳回
2、在按钮的click上写事件。
1)如图2和图3所示,代码中的这四个参数分别对应着弹框中的这1234四个参数:
2.png 3.png
2)如果点击确定,则可以在里面的函数里写你自己的业务逻辑。
四、相关代码(可选)
  1. function(btn,event,eOpts){
  2.     var grid = btn.up("jegridview");
  3.     var array = grid.getSelectIds();
  4.     JE.confirm("确定要冲销这【"+array.length+"】条数据吗",function(btnId,text){
  5.         if(btnId == 'ok'){
  6.             var paramIds = "";
  7.             Ext.each(array,function(sel){
  8.                 if(JE.isEmpty(paramIds)){
  9.                     paramIds = sel;
  10.                 }else{
  11.                     paramIds += ","+sel;
  12.                 }
  13.             });
  14.             //复制数据
  15.             var obj = JE.ajax({
  16.                 url:'/ftbp/checkAccount/copyAccount',
  17.                 params:{
  18.                     paramIds: paramIds  //主键值
  19.                 }
  20.             });
  21.             if(obj.success){
  22.                 JE.msg(obj.message);
  23.                 grid.load();
  24.             }else{
  25.                 JE.alert(obj.message);
  26.             }
  27.         }
  28.     },"冲销","确定","取消")
  29. }
复制代码

五、总结(可选)
这个确认框的使用可以放在任何地方,主要是为了防止用户误点,所以对一些重要的操作都应该加上该确认框。
六、关键字

确认框,确定,按钮事件,单击事件,是否确认

回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|手机版|JEPaaS 低代码平台社区 ( 京ICP备18023569号 )

GMT+8, 2024-5-19 01:59 , Processed in 0.071209 second(s), 26 queries .

Powered by 北京凯特伟业科技有限公司

Copyright © 2001-2021, JEPaaS.COM

快速回复 返回顶部 返回列表