0

所以，我刚开始使用 Syncfusion，这很烦人。我<ejs-grid>在一个角度项目的标题中有 columnMenuOptions 和 Filter 。当我尝试为过滤器菜单创建 UI 时，我正在执行以下操作：

代码 

public filter: IFilter = {
  ui: {
    create: (args: {
      target: Element;column: Column
    }) => {
      const flValInput: HTMLElement = createElement("input", {
        className: "flm-input",
      });

      args.target.appendChild(flValInput);
    });
  read: //read
    write: //write
}
}
<ejs-grid [columnMenuItems]="columnMenuItems" [allowFiltering]="true">
  <e-columns>
    <e-column field="Id" headerText='OrderNo' [filter]="filter">
    </e-column>
  </e-columns>
</ejs-grid>

我的问题

因此，据我了解，使用创建的过滤器菜单ui附加到表格列。所以，我的问题是我的过滤器菜单是图像中的过滤器子菜单。但是，子菜单附加到表格列。这使 UI 中断。因为，创建的 UI 元素被附加到表格列，所以它的对齐方式与表格标题相关，而不是过滤器菜单。

我的用户界面问题

我的问题

我需要的

我希望创建的元素与过滤器菜单而不是表格列相关。任何想法如何解决这个问题。我想将元素附加到另一个元素而不是列。

我需要的

4

1 回答 1

1

根据您的要求，您已将自定义过滤器组件添加到 EJ2 Grid 中的特定列，当您尝试打开过滤器菜单的子菜单时，它会附加到表格列中。

使用提供的代码示例和屏幕截图，我们准备了一个示例，但我们无法重现上述问题。因此，我们希望您提供以下详细信息，以便我们为您提供更好的解决方案。• 如果可能，在下面的示例中复制提到的问题。• 共享完整的网格渲染代码。• 确保您是否在任何第三方组件或任何EJ2 组件中呈现了网格。• 如果您在任何第三方组件或EJ2 组件中渲染了网格，请提供组件的完整详细信息。• 共享您正在使用的Syncfusion 软件包版本。

示例：https ://stackblitz.com/edit/angular-ykhisf?file=app.component.ts

于 2021-07-23T13:28:12.870 回答