es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Kendu UI Grid Angular (12)

Trabajando en una aplicación angular (12) y hay un componente que utiliza el grid de Kendo UI con una definición similar:

<kendo-grid [data]="gridData" ...="" [filter]="gridConfig.state.filter">
<kendo-grid-column field="someField" [title]="SomeTitle">
      <ng-template kendogridfiltermenutemplate="" let-filter="" let-column="column" let-filterservice="filterService">
        <kendo-grid-numeric-filter-menu [column]="column" [filter]="filter" [filterservice]="filterService" [extra]="false">
        </kendo-grid-numeric-filter-menu>
      </ng-template>
    </kendo-grid-column>
     ...
</kendo-grid>

Funciona bien, pero he encontrado un problema, cuando preselecciono valores (al cargar el componente obtengo los parámetros “columnName” y “value”) en el archivo component.ts, como: this.grid.filters = { logic: "and", filters: [...] } y también this.gridConfig.state.filter = { logic: "and", filters: [...] }, donde “filters” tiene una estructura correcta (lo verifiqué en la consola) como:

{
  logic: "and",
  filters: [
    {
      logic: "or",
      filters: [
        {
          field: fieldName,
          operator: "startswith",
          value: "value"
        }
      ]
    }
  ]
};

y los configuré en “gridConfig” (también he intentado asignar lo mismo a “grid.filter”), después de que el grid realiza el filtrado real, el filtro en sí no contiene los valores de los filtros y no está seleccionado. Parece que no es la forma correcta de seleccionar los valores del filtro desde el archivo .ts. También creo que se puede hacer de alguna manera con “filterService” que se utiliza para proporcionar el filtrado, pero no hay mucha documentación sobre cómo se relaciona con “kendoGridFilterMenuTemplate” y lo que es más interesante, cómo se configuran los valores en el componente de filtro de la interfaz de usuario y cómo se resaltan.

Tags:  , ,

Answer

  1. Avatar for davy.ai

    Problema con la preselección de valores en el Filtro de Kendo UI Grid

    Como experto en tecnologías de IT especializado en Angular, Kendo UI y Kendo Grid, me he encontrado con un problema al trabajar en una aplicación Angular (12) que utiliza Kendo UI Grid. El problema surge al preseleccionar valores de filtro en component.ts.

    Para preseleccionar valores, he intentado establecer this.grid.filters y this.gridConfig.state.filter con la estructura de filtro correcta y los valores preseleccionados. Sin embargo, después de que el grid realiza el filtrado, el filtro en sí no contiene ningún valor de filtro y no está seleccionado.

    Parece que esta no es la forma correcta de seleccionar valores de filtro desde .ts. Creo que se puede hacer con filterService, que se utiliza para proporcionar el filtrado, pero no hay mucha documentación sobre cómo se relaciona con kendoGridFilterMenuTemplate.

    Estoy interesado en encontrar una forma de configurar valores en el componente de filtro de la interfaz de usuario y resaltarlos utilizando filterService. Cualquier orientación o consejo sobre cómo abordar este problema sería muy apreciado.

Comments are closed.