如何使用功能设置创建计划面板的位置

问题描述

我将Toast UI日历用于计划任务管理器。 我的项目是Laravel。

如果我选择左日和中心日,则全部显示。 但是,如果我选择了右端日期,则创建面板将按屏幕显示。 因此,我想在屏幕上显示它,并带有Toast ui日历中不支持CSS修复的功能

弹出面板的位置设置如下代码...

popup_layer.style.left = e.guide.guideElements[e.guide.startCoord[1]].style.left;

这些是屏幕截图:

This is right-end clicking screenshot.

This is center clicking screenshot. This is good.

解决方法

如果单击日期,则可以获得弹出对话框的剩余值。 并且需要获得右端单击弹出窗口左值,然后需要使用该值设置 case语句 if语句

就像...

if(get_valueof_rightend > limit_value)
  popup_layer.style.left = limit_value;
else
  popup_layer.style.left = e.guide.guideElements[e.guide.startCoord[1]].style.left;

如果左端单击弹出位置没问题。

如果不是,则可以在其中添加一个 if声明。 真幸运 抱歉,是手工制作的。

,

单击任何日期时,您都应该获得该左值。 然后您手动设置。 我认为这是非常好的方法。

,

我这样更改了代码。

    if(e.schedule){
      popup_layer.style.left ='0%';  
    } else {
      if (e.guide.guideElements[e.guide.startCoord[1]].style.left > 60)
        popup_layer.style.left = '60%';
      else
        popup_layer.style.left = e.guide.guideElements[e.guide.startCoord[1]].style.left;
    }

在这里,我们应该将“ px”更改为“%”。 在此处, if语句中的“ 60 ”是右端的极限值

,
if(e.schedule){
  popup_layer.style.left ='0px';  
} else {
  if (parseInt(e.guide.guideElements[e.guide.startCoord[1]].style.left) > 60)
    popup_layer.style.left = '60%';
  else
    popup_layer.style.left = e.guide.guideElements[e.guide.startCoord[1]].style.left;
}