问题标签 [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 回答
553 浏览

jquery - 具有自定义数据源读取功能的 KendoUI 自动完成功能

我在框架(不是 Kendo 的 MVVM 框架)中使用 Kendo UI 自动完成小部件。因此,我在数据源配置中定义了一个读取函数来返回我的数据,而不是使用字符串 url 引用。我的配置片段如下:

我的问题是,当我输入自动完成时,自动完成的当前文本值不会传递给我的自定义读取函数。这意味着我无法使用该功能进行动态过滤。(我希望这会作为opts传递给函数的哈希的一部分传递。)

Kendo 提供了一个serverFiltering选项,但是在使用自定义函数时这似乎没有任何作用。所以本质上,这意味着什么 - 在最初输入时,Kendo 将尝试运行该功能,但之后它将在内部过滤数据。这不是我正在寻找的行为。

有针对这个的解决方法吗?

0 投票
1 回答
425 浏览

asp.net-mvc - 如何让 kendoAutoComplete 与引导类 col-md 一起使用

我有一个 Kendo AutoComplete 控件,并添加了 kendo.common-bootstrap.css 引用,这有助于使其大小正确,但它不适用于 col-md-10 或任何具有自动完成功能的类。

这是它现在的样子的屏幕截图, 现在的样子

这就是我试图让它看起来的方式 我希望它看起来像什么

我尝试向它添加一些 css 以使其看起来像我想要的那样,但它不起作用。这是我尝试使用的 CSS

这是控件本身

编辑 这是我用来填充自动完成和控件本身的代码......

0 投票
2 回答
358 浏览

javascript - 带有脚本的 kendo ui 按需 RTL 支持

我创建了一个自动完成表单。我按照这个简单的文档创建了一个按钮及其单击处理程序脚本。单击此按钮将切换表单的 RTL 支持。

我有个问题。当我单击该按钮时,它不会切换表单的 RTL 支持。

演示

0 投票
1 回答
733 浏览

kendo-ui - kendo ui 自动完成 - json 文件数据源 - 模板 - 404 Not Found 错误 - /undefined URL

幸好machun提供了以下代码,用于在 Kendo UI 小部件中在 RTL 和 LTR 方向之间切换。

代码包括:

HTML: 剑道自动完成表单加上一个按钮来激活对 RTL 和 LTR 语言的支持。

脚本:

  • k-rtl 类容器
  • 数据源(json文件)
  • kendo 自动完成小部件初始化 + 模板以在数据旁边显示图像并在同一选项卡中打开数据链接
  • k-rtl 类

问题是链接无法正确打开。它显示 404 Not Found 错误以及 URL 末尾的 /undefined。

现场演示

0 投票
0 回答
73 浏览

javascript - kendoAutoComplete 不会在初始阶段加载所有元素

我有一个自动搜索框。它最初会在输入某些内容后加载元素。有没有一种方法可以加载所有元素而无需在文本框中输入任何内容。我的代码是这样的。

0 投票
2 回答
111 浏览

javascript - 如何从 kendoautocomplete 框中删除几个字符

我有位置自动完成文本框。选择位置后,我想删除该位置的某些部分,而不是整个位置。

示例:我的位置是154,我想去15。我怎样才能做到这一点?

但是在此代码的帮助下,我可以删除整个位置,但无法删除该位置的某些部分。

0 投票
1 回答
3314 浏览

kendo-ui - Kendo 数据源在请求开始时更改读取 url

我目前正在这样做以在我的剑道数据源上动态更改读取 url。数据源用于 kendoautocomplete 文本框,并且对于键入的每个键,建议列表通过 get 请求获取。

这第一次工作得很好,但随后的请求与第一次请求完全一样,它永远不会遇到这段代码。我错过了什么?

请指教。

0 投票
1 回答
650 浏览

angularjs - 用于剑道自动完成的 Angular Js 指令 - 不会将结果绑定到父控制器

我正在构建的 MVC Web 应用程序中有一个重复的自动完成控件。我决定使用 Kendo 的 Angular 自动完成工具——因为我们还使用了他们的日历和下拉列表控件(仅供参考——对于大型列表很方便——因为允许在下拉列表中进行搜索)。我们也在使用 Angular。

我已经从指令中获得了自动完成功能和“自动完成”功能。但是,当您在自动完成中键入或选择一个值时,它不会将模型绑定回父控制器。我不是指令方面的专家,所以如果可以的话,我希望能得到一些帮助!请看这个 plunker,里面有所有东西来复制我的测试! http://plnkr.co/edit/Zlw75QhmF7xkrLKsQkP8?p=preview

该指令返回:

在 html 中,我声明了这一点:

Bascialy,我试图让自动完成指令的值绑定到控制器上的“vm.selectedFruit”变量。非常感谢任何帮助!

提前致谢!

0 投票
2 回答
926 浏览

javascript - 如何使用 kendo 控件创建自定义控件并向该控件添加新事件?

如何在 kendo-ui 中创建自定义控件?例如剑道有自动完成控制。
使用它我想用剑道提供的所有事件以及一些外部事件创建我自己的“myAutoComplete”。

原因是剑道提供的活动非常有限。
对于 AutoComplete 剑道提供(更改、关闭、数据绑定、过滤、打开、选择),但我想添加一些事件,例如(onKeyPress、onMouseOver 等)。

例如:

我的要求:

剑道提供

请任何人帮助我实现这一目标。

0 投票
1 回答
991 浏览

javascript - 剑道自动完成显示 [object object] 而不是属性值

我正在尝试使用他们的教程配置剑道自动完成功能。问题是自动完成控件显示对象而不是我在剑道初始化中设置的属性值(参见捕获):

在此处输入图像描述

单击此项目后,名称将正确显示: 在此处输入图像描述

我的操作返回类型是return Json(products, JsonRequestBehavior.AllowGet); 产品在哪里ICollection<VmProduct> 发生了什么?