typescript 如何将占位符文本放入过滤输入剑道UI网格与Angular？

jjjwad0x 于 2023-06-24 发布在 TypeScript

关注(0)|答案(1)|浏览(128)

我正在使用Kendo UI Grid和Angular，我找不到一种方法来使用Typescript在过滤器输入中放置一些文本/占位符。
在我的代码中，我使用kendoGridFilterCellTemplate：

<kendo-grid-column field="sender" title="Sender" width="80">
      <ng-template kendoGridFilterCellTemplate let-filter let-column="column">
        <kendo-grid-string-filter-cell [showOperators]="false" [column]="column" [filter]="filter">
        </kendo-grid-string-filter-cell>
      </ng-template>
    </kendo-grid-column>

默认情况下，Kendo UI Grid中的过滤器输入没有输入/占位符，我想放置如下内容：

<kendo-grid-string-filter-cell [showOperators]="false" [column]="column" [filter]="filter" placeholder="Search...">
        </kendo-grid-string-filter-cell>

Kendo Grid无法识别placeholderhtml元素。如果不使用jQuery，如何实现这一点？

typescript

来源：https://stackoverflow.com/questions/56037504/how-to-put-placeholder-text-in-filter-input-kendo-ui-grid-with-angular

1条答案

按热度按时间

11dmarpk1#

要在kendo-grid-string-filter-cell中放置占位符文本，请通过DynamicPlaceholder属性添加它。

<kendo-grid-string-filter-cell
    [showOperators]="false"
    [column]="column"
    [filter]="filter"
    [DynamicPlaceholder]="'Action Title'"
  >
  </kendo-grid-string-filter-cell>

如果需要，ActionTitle字符串变量可以如下传递。

<kendo-grid-string-filter-cell
    [showOperators]="false"
    [column]="column"
    [filter]="filter"
    [DynamicPlaceholder]="ActionTitle"
  >
  </kendo-grid-string-filter-cell>

这是一个实时的代码示例。使用版本-@progress/kendo-angular-grid": "^5.4.0

赞(0）回复(0）举报 2023-06-24

我来回答

typescript 如何将占位符文本放入过滤输入剑道UI网格与Angular？

1条答案

相关问题

热门标签

最新问答