Estoy tratando de implementar un filtro personalizado de interfaz de usuario con un cuadro desplegable con algunos datos de prueba por ahora. He seguido el tutorial en el Kendo sitio (http://demos.kendoui.com/web/grid/filter-menu-customization.html) pero simplemente no está funcionando para mí :(.

Aquí es la función de la interfaz de usuario personalizada:

function relStatFilter(element)
  {
    element.kendoDropDownList({
      dataSource: ["Prospect", "Customer"],
      optionLabel: 'Select status'
    })
  }

Y aquí está la columna de parámetros se aplican a:

...
{
            field: 'relStat', 
            filterable: 
            {
                ui: relStatFilter, 
                extra: false
            }, 
            title: '<abbr title=\'Relationship status\'>Rel stat</abbr>', 
            template: '#= ratio == 0 ? "<span class=text-info>Prospect</span>" : relStat == "Active" ? "<span class=text-success>Active</span>" : relStat == "At risk" ? "<span class=text-warning>At risk</span>" : "" #', 
        }, 
...

Cuando hago clic en el filtro de todo lo que se obtiene es la norma «comienza con» y la entrada de texto.

Lo que he perdido?

InformationsquelleAutor imperium2335 | 2013-02-25

1 Comentario

  1. 5

    Filtro personalizado de interfaz de usuario está disponible desde 2012.3.1315. Asegúrese de que usted no está utilizando una versión anterior. El uso de 2012.3.1315 el siguiente código funciona como se esperaba:

    $("#grid").kendoGrid({
  dataSource: [ { name: "Foo" }, { name: "Bar" }],
  filterable: {
    extra: false,
    operators: {
      string: {
        eq: "Is equal to",
        neq: "Is not equal to"
      }
    }
  },
  columns: [
    {
      field: "name",
      filterable: {
        ui: function(element) {
          element.kendoDropDownList({
            dataSource: [ "Foo", "Bar"]
          });
        }
      }
    }
  ]
});

    Aquí está una demostración en vivo: http://jsbin.com/uwiqow/1/edit

    • Gracias, no pude encontrar donde descargar esa versión, pero sólo tomé el código que utilizan en sus ejemplos y funciona perfectamente.
    InformationsquelleAutor Atanas Korchev

Dejar respuesta

Please enter your comment!
Please enter your name here