Question

我已经使用Gridster 2在我的角度应用程序中创建了Widget。但是我现在有一个问题，在小部件中有一个文本区域输入字段，但是此输入字段不可编辑，因为整个小部件都是可拖动的。

我尝试使用z-index，但无法正常工作。

代码如下：

<gridster-item>

 <textarea class="textarea" matInput placeholder="Enter your comment ..." [(ngModel)]="feedsComment"></textarea>
</gridster-item>

如何设置窗口小部件，以便可以编辑此输入字段。

最好的问候，

狮子座

Answer 1

您可以使用$event.stopPropagation()防止在与文本区域进行交互时拖动。

这里是使用方式：

<gridster-item>
  <div (mousedown)="$event.stopPropagation()" (touchstart)="$event.stopPropagation()">
   <textarea class="textarea" matInput placeholder="Enter your comment ..." [(ngModel)]="feedsComment"></textarea>
  </div>
</gridster-item>

Answer 2

我仍然可以在仪表板中使用textarea。

我在仪表板上做了一个textarea演示。

您必须检查CSS和仪表板选项。

https://stackblitz.com/edit/my-angular-gridster2-textara

如何在Gridster中可编辑地设置textarea

2 个答案: