将放大镜图标添加到kendo自动完成小部件

时间:2014-01-16 11:42:55

标签: html5 autocomplete kendo-ui widget icons

是否可以在kendo自动完成小部件中添加放大镜图标? http://demos.kendoui.com/web/autocomplete/index.html

默认情况下,不显示图标。仅当用户输入文本时 小部件执行服务器查找,直到数据显示搜索图标 从服务器返回。

在我的情况下,我需要在kendo自动完成功能的右侧显示一个放大镜图标 输入字段,以便用户可以看到他可以搜索该字段中的值。如果仅在该字段没有焦点时显示图标,那就没关系。

有人能帮助我吗?

由于

1 个答案:

答案 0 :(得分:3)

您可以尝试以下操作:

$("#auto")
  .kendoAutoComplete()
  .closest(".k-widget")
  .addClass("k-textbox k-space-right")
  .append('<span class="k-icon k-i-search"></span>');

这是一个现场演示:http://jsbin.com/OREBaRU/1/edit