grid - HTML选择在剑道网格headerTemplate中不起作用

Question

我正在向剑道网格的 headerTemplate 添加一个下拉（html 选择）元素，如下所示：

 $("#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

问题是set to处理的事件与 HTML 的正常行为之间的冲突。clicknavigatabletrueselect

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