代码之家  ›  专栏  ›  技术社区  ›  Jacopo Sciampi

相对于变量的dxpopup位置偏移顶部

  •  0
  • Jacopo Sciampi  · 技术社区  · 6 年前

    我正在尝试以编程方式创建 dx-popup 在Angular4中,自定义从顶部偏移。以下是我的代码:

    <dx-popup
        [position]= "{ my: 'left top', at: 'left top', offset: '0 100'}"
        [showTitle]="false"
        [dragEnabled]="false"
        [shading]="true"
        [height]="60"
        [shadingColor]= "'rgba(0, 0, 0, 0)'"
        [closeOnOutsideClick]="true"
        (onHidden)="closeMe()"
        [width] ="171"
        [(visible)]="isAlive">
    
    </dx-popup>
    

    这个很好用。下一步是 position > offset 从一个 @Input() . 变量被调用 offsetY . 我试过简单地将VaR替换为100,如下所示:

    [position]= "{ my: 'left top', at: 'left top', offset: '0 offsetY'}"

    但弹跳棒在0.0甚至tho offsetY = 150 . 在DevExtreme的Doc&Forum中,我找不到任何相关信息。

    有人知道怎么做吗?

    1 回复  |  直到 6 年前
        1
  •  1
  •   shivam.patel    6 年前

    将offsty变量放入字符串中。它不会被认可。尝试创建一个字符串偏移位置。为了实现您的功能:

    [position]= "{ my: 'left top', at: 'left top', offset: offsetY}"
    

    在组件中创建一个字符串,

    offsetY: string = "0 150";
    

    您可以进一步操作此字符串以进行动态更改。