HTML选择在kendo grid headerTemplate中不起作用

Question

我将一个下拉（html select）元素添加到kendo网格的headerTemplate中，如下所示：

 $("#grid").kendoGrid({
                    dataSource: dataSource,
                    navigatable: true,
                    pageable: false,
                    height: 430,
                    columns: [ {
                            field: "Date",
                            headerAttributes: { style: "visibility: hidden;" },
                            width:110
                        } ,
                        { field: "PCASS00",
                          width: 100,
                          headerTemplate: '<select id="ddlFilters" name="ddlFilters"><option value="Category">Category</option><option value="Source">Source</option></select><br />PCASS00'},
                        { field: "PPDIAZ9" },
                        { field: "PPDIEUX" },
                        { field: "POIU765" },
                        { field: "P984655" },
                        { field: "PBX5436" },
                        { field: "PUGU7213" }
                    ],
                    editable: true
                });

显示下拉列表，但单击它时，它不会随选项一起展开。有什么想法吗？

Answer 1

问题是设置为click的{​​{1}}处理的navigatable事件与HTML true的正常行为之间的冲突。

尝试将select设置为navigatable（如果可能）。