Kendo UI Combobox示例代码在JSP中不起作用

Question

我第一次在项目中使用Kendo UI，我试图使用其示例代码here创建组合框。相同的代码在html中工作，但是如果在jsp中添加相同的代码不起作用，则导致jsp我看不到列表值。

我还有一个问题，我可以同时导入kendo ui库和bootstrap库吗？会引起任何冲突吗？

非常感谢！

www.badsite.com

Answer 1

列标题下方的下拉菜单中的空白区域似乎是四行空间，这表明CSS问题是一种可能，也许是visibility: hidden

您的模板使用库版本“ 2018 R2 SP1”和MS Edge浏览器在Kendo Dojo snippet中可见地呈现。

但是，该模板似乎有点过大了-您要Kendo为每个数据项创建一个列表项（已实现的下拉列表的基础），该列表项本身就是一个表。

尝试使用更简单的模板（也显示在Dojo中），例如

<script id="template2-header" type="text/x-kendo-template">
  <div class='ddl-header k-item'>
    <div class='ddl-band'>Band</div>
    <div class='ddl-song'>Song</div>
    <div class='ddl-album'>Album</div>
  </div>
</script>

<script id="template2" type="text/x-kendo-template">
  <div class='ddl-item'>
    <div class='ddl-band'>${band}</div>
    <div class='ddl-song'>${song}</div>
    <div class='ddl-album'>${album}</div>
  </div>
</script>

并使用CSS设置列宽。

有关其他示例，请参见kendo演示customizing templates。