问题标签 [kendo-autocomplete]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
3420 浏览

kendo-ui - 如何在网格列中使用剑道自动完成

我正在尝试将 Kendo UI 网格列从下拉列表转换为 Kendo AutoComplete。我正在使用 MVVM 模式,找不到任何像我这样的示例。这是我到目前为止所拥有的:

在我的视图模型中:

我网格中的字段:

我可以输入建议的供应商字段,它似乎就像一个自动完成但从不返回和数据。如果问题不是很明显,我可以尝试创建一个小提琴。

编辑:

在我找到的小提琴的帮助下,我想出了如何做我需要的事情。我分叉了它,虽然字段不同,但它可以满足我的需要。这是我分叉的小提琴

我最终改变了我的编辑器代码,如下所示:

0 投票
2 回答
674 浏览

javascript - 剑道自动完成 Jquery 插件错误

我的 HTML 是

我的 JQuery 脚本

我的问题是:

在前面的代码中,我无法在parameterMap函数中访问$(this)对象,因此我需要访问当前对象,并且我无法更改 JQuery 选择器('.autocompelete')并且我无法使用 Id选择器...任何想法

0 投票
1 回答
374 浏览

javascript - Kendo UI 自动完成小部件:用户太快了

我对 Kendo UI AutoComplete 小部件有疑问。我只有一个简单的文本字段,我在上面应用了这个插件,当用户在建议弹出窗口中选择一个值时,该值被放在同一个文本字段中,另一个存储在隐藏字段中(在这种情况下,id所选项目的)。

要将数据存储在隐藏字段中,我使用了 select 事件。

一切正常!但不幸的是,如果用户太快,就会出现问题。根本不调用 select 事件,小部件跳转到 close 事件。因此,正确的值在文本字段中,但隐藏字段为空,因为未调用 select 事件。

这是我的完整功能:

有人可以帮我一把,或者只是向我解释我做错了什么吗?将不胜感激!非常感谢!

0 投票
1 回答
1927 浏览

javascript - 如何替换现有的 Kendo UI 小部件?

我正在尝试扩展现有的 KendoUI 小部件(自动完成)。由于我们的应用程序已经使用了很多自动完成小部件的实例,我不想创建一个扩展当前小部件的新小部件,而是替换现有小部件。

我已经找到了这个主题:kendo-ui autocomplete extend,但不幸的是它指向创建一个新主题。

我尝试了以下代码:

重点是选项的名称属性。如果名称只是“AutoComplete”,则初始化不再起作用:此行以无限循环结束:

我怎样才能调用基本初始化或者它真的被覆盖了?

0 投票
2 回答
3125 浏览

c# - 为什么我的 Kendo AutoComplete 小部件没有绑定到 JSON 对象?

我在 MVC 控制器中有以下代码:

它按预期工作;当我从浏览器调用它时,我得到以下 JSON 对象:

我有另一个文件,这次是一个 Kendo UI 自动完成小部件。这是代码:

根据此处此处的官方示例。

问题是,当我加载页面时,我什么也没有。自动完成是空白的,它保持空白。当我在框中键入任何内容时,没有结果显示。知道出了什么问题吗?我这辈子都看不到。

0 投票
1 回答
709 浏览

asp.net-mvc - 如何将 Kendo 控件置于局部视图中?

我在我的 C# MVC 项目的某个区域中放置了一个 Kendo Tabstrip。

如您所见,只有两个选项卡,我将它们的内容放在部分视图中。

问题是,我想在这些局部视图中放置更多的 Kendo 控件。我希望两个选项卡都有 Kendo Grid、AutoComplete 小部件等。因此,我将以下代码放入 Teachers.cshtml 中:

这只是一个标准的自动完成小部件。当我将它放在其中一个选项卡中时它工作正常,但如果我尝试将相同的代码放在两个选项卡中,它就不起作用。第input一个选项卡上的字段与屏幕一样宽,当我在第二个选项卡上输入内容时,没有显示任何建议。

我真的不知道该怎么做。如何使用局部视图将 Kendo 控件放入 Tabstrip 中?

0 投票
1 回答
1493 浏览

javascript - jQuery 的 .data() 函数在 Kendo UI 中的用途是什么?

这个网站上——Kendo UI 的自动完成小部件文档——有一段我只理解部分的代码。

这是我所理解的:这是一个标准的自动完成控件,它使用模板使小部件看起来更好一些。我了解模板的工作原理(主要是),并且我知道将它放在 .ready() 函数中会导致它在 DOM 加载时运行。

我不明白的是最后需要 jQuery 的 .data() 函数。为什么会在那里?我试图理解jQuery 文档,但似乎还有更深层次的事情发生。autocomplete此代码示例的其余部分未使用该变量,所以我想知道这是否是 Kendo 的错误。

.data() 函数将任意数据附加到 DOM 元素。剑道在多大程度上使用了这些任意数据?

0 投票
1 回答
1822 浏览

javascript - 为什么这个 Kendo Grid 编辑器模板不能与自动完成小部件一起使用?

我有以下剑道网格:

我遇到的问题不在于网格,而在于编辑器模板——如您所见,我正在使用弹出式编辑,并且我想为其中一个字段提供一个自动完成选择小部件。

这是如何categoryDropDownEditor定义的:

(我从这里这里的样本中蚕食了这个功能。)

无论我输入什么,自动完成小部件都不起作用。根本没有出现任何建议。知道发生了什么吗?

0 投票
1 回答
1019 浏览

asp.net-mvc - Kendo 自动完成显示两个建议列表

我的 Kendo 自动完成控件成功检索了 Json 列表。不幸的是,它两次调用 MVC 控制器方法并创建了两个建议列表。重复列表直接显示在第一个列表的后面。当从第一个建议列表中选择一个值时,该列表会消失,但重复的列表仍然可见。我正在为自动完成控件使用包装器,如下所示。我已经确认没有在任何页面脚本中引用该控件。该控件位于一次添加到 cshtml 视图的局部视图中 ( @{ Html.RenderPartial("_AddLineItem"); })。

生成的 HTML 显示建议列表两次,但关联的输入控件只存在一次。以下标签在生成的 HTML 中出现了两次(这些是建议列表的标签,它们还包含 li 标签和结束 div 标签,从下面粘贴的 HTML 中删除):

有谁知道这里发生了什么?

0 投票
1 回答
1481 浏览

kendo-ui - Kendo UI:自动完成模板标题

我是剑道 UI 的新手。我不知道为什么我的自动完成没有显示标题模板。行模板工作正常。我看了这个例子,我不确定我在做什么不同

这是我的 JavaScript 代码: