当前位置: 首页 > ai >正文

【Oracle APEX开发小技巧16】交互式网格操作内容根据是否启用进行隐藏/展示

在日常开发中,有想要根据某一状态或条件去限制/隐藏对应权限或操作按钮的情况,于是

用简报模板列表进行展示,并提供以下功能:

  • 显示模板基本信息

  • 提供启用/禁用模板的开关

  • 提供编辑模板的入口

  • 根据模板状态显示不同的操作选项

效果展示:
1.通过编辑禁用模板;

2.被禁用的模板操作权限被关闭↓

代码:

select BRIEFING_TEMPLATE_ID,TENANT_ID,REVISION,DEL_FLAG,CREATED_BY,CREATION_DATE,UPDATED_BY,UPDATE_DATE,TEMPLATE_NAME, DECODE(FREQUENCY_TYPE,'DAY','日报','WEEK','周报','DOUBLE_WEEK','双周报','MONTH','月报','YEAR','年报') FREQUENCY_TYPE,REFERENCE_ID,TEMPLATE_TYPE,--DECODE(IS_USING,1,'启用','未启用') IS_USING,IS_USING,DECODE(IS_USING,0,'','模板设计') OPERATOR ,--    该按钮配置先保留DECODE(IS_USING,1,'fa fa-edit','fa fa-edit') EDIT_BTN,'<div class="form-check form-switch"><input class="form-check-input m-auto text-center" type="checkbox" role="switch" id="flexSwitchCheckDefault" '||  DECODE(IS_USING,1,'checked','') ||' onchange=click_using_flag('||BRIEFING_TEMPLATE_ID||')> 
</div>
' IS_USING_FLAGfrom TASK_BRIEFING_TEMPLATE WHERE DEL_FLAG = 0 AND TENANT_ID = V('USER_TENANT') AND TEMPLATE_TYPE='GENERAL'

说明:

  1. 状态字段

    • IS_USING:是否启用(原始值)

    • OPERATOR:根据是否启用显示操作文本(未启用时为空,启用时显示"模板设计")

    • EDIT_BTN:编辑按钮的图标(始终显示'fa fa-edit',无论是否启用)

  2. 交互元素

    • IS_USING_FLAG:生成一个HTML开关按钮,用于切换模板启用状态

      • 包含一个checkbox,当IS_USING=1时显示为选中状态

      • 当状态改变时调用click_using_flag函数,并传入模板ID

http://www.xdnf.cn/news/17603.html

相关文章:

  • VS4210芯片技术资料(IT6604+VS4210+MDIN380连接原理图)
  • 基于STC8单片机的RTC时钟实现:从原理到实践
  • 如何使股指期货套期保值效果更加精准?
  • Ansible部署应用
  • AR巡检:三大核心技术保障数据准确性
  • 聚合搜索中的设计模式
  • 【Unity】Unity中ContentSizeFitter有时无法及时自适应大小问题解决
  • Baumer高防护相机如何通过YoloV8深度学习模型实现木板表面缺陷的检测识别(C#代码UI界面版)
  • python --- 基础语法(1)
  • Web 开发 14
  • [SC]如何使用sc_semaphore实现对共享资源的访问控制
  • 【网络运维】Linux和自动化:Ansible
  • 基于RAII的智能指针原理和模拟实现智能指针
  • 企业培训笔记:宠物信息管理--实现宠物信息的添加
  • NLP—词向量转换评论学习项目分析
  • 【Java项目与数据库、Maven的关系详解】
  • Docker部署kafka实操+Java中访问
  • 42.【.NET8 实战--孢子记账--从单体到微服务--转向微服务】--扩展功能--集成网关--网关集成认证(一)
  • 云计算概述
  • 【web站点安全开发】任务2:HTML5核心特性与元素详解
  • GitLab CI + Docker 自动构建前端项目并部署 — 完整流程文档
  • 跨界重构规则方法论
  • TCP服务器网络编程设计流程详解
  • Linux Ansible的安装与基本使用
  • Linux:企业级WEB应用服务器TOMCAT
  • 技术干货|Kafka 如何实现零停机迁移
  • Stereolabs ZED相机 选型指南:双目 / 单目、短距 / 长距,如何为机器人视觉系统匹配最优方案?
  • selenium常见的与浏览器版本不兼容闪退问题
  • 计算机网络2-2:物理层下面的传输媒体
  • 【Node.js从 0 到 1:入门实战与项目驱动】2.2 验证安装(`node -v`、`npm -v`命令使用)