首页 > 其他分享 >KeepAlive&AntdTimePicker

KeepAlive&AntdTimePicker

时间:2022-11-24 21:23:20浏览次数:45  
标签:body document parentElement trigger AntdTimePicker now KeepAlive

KeepAlive&AntdTimePicker

0. 缘起

操蛋的局部全屏组件fscreen,antd的选择器下拉框灵魂仍然存在在原来未全屏的组件中。如果缓存多个页面,需要找到当前页面的父元素来匹配。

1. 找祖宗

部分下拉框需要特殊处理

从当前元素往上寻找bi-layout-canvas-track的元素

          getPopupContainer={trigger => getRightParentNode(trigger)}

  const getRightParentNode = useCallback(
    (trigger: HTMLElement) => {
      let now = trigger.parentElement;

      if (isFullScreen) {
         const specialClassName = 'bi-layout-canvas-track';

         while (!now?.className.includes(specialClassName)) {
           if (now) {
             now = now.parentElement;
           }
         }
        return now || document.body;
      }
      return document.body;
    },
    [isFullScreen]
  );

2. 找爸爸

日期选择器

                getPopupContainer={trigger =>
                  trigger.parentElement || document.body
                }

3.

标签:body,document,parentElement,trigger,AntdTimePicker,now,KeepAlive
From: https://www.cnblogs.com/lepanyou/p/16923368.html

相关文章

  • LVS+keepalived群集
    一、keepalived工具介绍专为LVS和HA设计的一款健康检查工具支持故障自动切换(Failover)支持节点健康状态检查(HealthChecking)判断LVS负载调度器、节点服务器的可用......
  • LVS-keepalived
    目录:1、VRRP的工作过程1.1VRRP虚拟冗余路由协议2、Keepalived及其工作原理2.1Keepalived体系主要模块及其作用3、LVS+keepalived作用4、实验 Keepalived......
  • GlusterFS+Keepalived实现存储高可用
     l 环境准备1.服务器列表信息IpHostname存储系统Vip192.168.1.42data-node-01/dev/sdb1Centos7192.168.1.99说明:用于对外提供存储......
  • LVS+Keepalived 高可用群集部署
    一、LVS+Keepalived高可用群集在这个高度信息化的IT时代,企业的生产系统、业务运营、销售和支持,以及日常管理等环节越来越依赖于计算机信息和服务,对高可用(HA)技术的应用......
  • keepalived脑裂问题及解决方案
    1.何为keepalived脑裂Keepalived的BACKUP主机在收到不MASTER主机报文后就会切换成为master,如果是它们之间的通信线路出现问题,无法接收到彼此的组播通知,但是两个节点实际都......
  • 【详细教程】LVS+KeepAlived高可用部署实战应用
    1.构建高可用集群1.1什么是高可用集群 高可用集群(HighAvailabilityCluster,简称HACluster),是指以减少服务中断时间为目的得服务器集群技术。它通过保护用户得业务程序对......
  • LVS-DR+Keepalived
    一,LVS-DR工作原理1.数据包流向1.客户端发送请求到DirectorServer(负载均衡器),请求的数据报文到达内核空间。报文:源IP---------客户端的IP目标IP---......
  • LVS+Keepalived 高可用群集
    一、LVS+Keepalived高可用群集在这个高度信息化的IT时代,企业的生产系统、业务运营、销售和支持,以及日常管理等环节越来越依赖于计算机信息和服务,对高可用(HA)技术的应......
  • LVS+Keepalived 高可用群集部署
    一、LVS+Keepalived高可用群集在这个高度信息化的IT时代,企业的生产系统、业务运营、销售和支持,以及日常管理等环节越来越依赖于计算机信息和服务,对高可用(HA)技术的应用......
  • gRPC(Java) keepAlive机制研究
    基于javagRPC1.24.2分析结论gRPCkeepAlive是grpc框架在应用层面连接保活的一种措施。即当grpc连接上没有业务数据时,是否发送pingpong,以保持连接活跃性,不因长时......