问题标签 [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 投票
0 回答
756 浏览

kendo-grid - kendoAutoComplete 中的唯一值

这是我在 kendoGrid 上使用自动完成作为自定义过滤器的代码。在 dataSource 中有具有相同 customerName 的数据。所以自动完成也显示重复值。

如果有多个具有相同 customerName 的数据,自动完成列表应该只显示一次 customerName,因为其余的都是重复的。但它没有发生自动完成列表多次显示相同的名称。

提前感谢您的帮助。

0 投票
1 回答
380 浏览

css - 如何在 kendoAutoComplete 上进行设置

我已经尝试了所有我知道如何(但失败)正确设置宽度的方法kendoAutoComplete。我最近的尝试(如下)是基于 JS 的,但我也尝试了许多 CSS 解决方案。

我看到的问题是,无论我选择什么宽度,实际的输入区域都保持一致的宽度,然后右边有一个奇怪的灰色区域:

在此处输入图像描述

这是悬停状态(灰色框消失):

在此处输入图像描述

但不要被大文本框的外观所迷惑。当您开始键入时会发生以下情况:

在此处输入图像描述

我试过了:

还有……各种 CSS 解决方案。

为什么设置一个愚蠢的自动完成的宽度这么难?我在这里想念什么?

我希望我的自动完成的宽度为 100% 以填充其容器。

如果你能帮助我理解为什么 Telerik 总是让我想伤害自己,那就加分。

编辑

好的,我已经(部分)想通了。我暂时从页面中删除了引导 CSS,输入按预期工作。

如果我发现有问题的 CSS,我会在这里发布答案。

0 投票
1 回答
246 浏览

kendo-ui - KendoUI 使用 .net Core 自动完成服务器过滤,没有 odata

我正在尝试在 .net Core mvc Web 应用程序中实现服务器过滤。MVC 核心不支持开箱即用的 Odata,我无法实现它。

自动完成似乎将查询过滤沿着对数据的请求作为查询字符串发送。查询字符串是一种多维数组格式。

如何从这个看起来像这样的 querstring 中提取我需要过滤的值:

filter%5Bfilters%5D%5B0%5D%5Bvalue%5D=l6j&filter%5Bfilters%5D%5B0%5D%5Boperator%5D=contains&filter%5Bfilters%5D%5B0%5D%5Bfield%5D=&filter%5Bfilters%5D%5B0% 5D%5BignoreCase%5D=true&filter%5Blogic%5D=and"

filter[filters][0][value]=l6j&filter[filters][0][operator]=contains&filter[filters][0][field]=&filter[filters][0][ignoreCase]=true&filter[logic]=and

0 投票
1 回答
646 浏览

javascript - 剑道自动完成中的自定义过滤/排序逻辑

根据文档,我可以为 Kendo 自动完成控件设置“startswith”、“contains”或“endswith”过滤器:

用于确定当前值建议的过滤方法。默认过滤器是“startswith”——所有以当前小部件值开头的数据项都显示在建议弹出窗口中。支持的过滤器值是开头、结尾和包含。

有没有办法设置我自己的过滤逻辑?或者至少对结果进行排序?我需要的是一个“包含”过滤器,其结果使用我自己的逻辑根据与查询的相关性进行排序。

0 投票
1 回答
504 浏览

javascript - 建议列表尚未打开时的 Kendo UI 自动完成事件

我正在使用 Kendo UI 自动完成选择。我想处理一些输入值与建议值不匹配的情况,因此下拉菜单不会显示。例如,当我的列表包含:

当用户在文本框中插入一些值(如 6)作为第一个数字时,同时会触发一个事件。有什么方法可以使用 JQuery

0 投票
2 回答
1093 浏览

javascript - 在 kendo ui 自动完成中禁用过滤

如何在剑道自动完成 UI 中禁用过滤?我在搜索中获得了 5 条记录,但即使我没有使用过滤器,自动完成弹出窗口中也只显示匹配的记录。

有任何想法吗?

提前致谢。

0 投票
2 回答
863 浏览

jquery - Kendo ui - 如何将 kendo mvvm 自动完成字段的选择事件附加到 viewModel

是否有一种直接的方法可以在 kendo 自动完成字段的 mvvm html 属性中定义“选择”事件处理函数?

例如,这是使用 jquery 设置的自动完成字段的工作版本:

到目前为止,这是使用 mvvm html 属性“data-???”在模板中定义类似字段的等效版本

我们不知道如何在这个 mvvm html-attribute 结构中定义 select 事件的事件处理程序,这相当于第一个示例中的“select:”属性:

例如,如果有类似的东西:

然后我们可以在模板中包含这个函数来处理“选择”事件:

不幸的是,我们不知道如何做到这一点。我们看到的唯一有点相关的文档涉及设置一个自定义 kendo.observable 模型,其中嵌入了一个自定义方法,然后在数据绑定事件中设置一些东西。然而,这似乎是一种非常复杂和间接的方法。此外,我们不知道如何操作模型,因为它来自 kendoGrid,然后使用包含此自动完成字段的自定义记录编辑模板。

我们已经花了很多时间试图追踪这个,所以任何帮助都将不胜感激。

0 投票
1 回答
979 浏览

kendo-ui - kendo-ui mvc 自动完成不显示结果

我能够使用 js 版本dojo 自动编译获得工作版本,但我需要它才能使用 MVC 版本工作。我DataSourceRequest按照下面的建议添加到控制器中,并更改了更多项目以消除我遇到的 js 错误:

当我通过控制器跟踪它时,它似乎可以工作,它返回预期的 json(如下),但由于微调器挂起并且不显示结果,它没有完成接线。

控制器:

自动完成定义:

另外,我发现这个来自 Telerik 的文档看起来与我的用例Telerik 自定义模板非常相似,但它没有显示控制器方法,所以我无法验证它们是如何连接的。

我似乎在 html 中缺少一些配置设置,因为正在返回 json/datasouce,类似于文档所述......但是小部件无法连接它。

0 投票
2 回答
1169 浏览

kendo-ui - Kendo Ui AutoComplete - 如何将默认过滤器“startWith”更改为“contains”?

我的应用程序使用 AngularJs 和 KendoUI 控件构建。我在应用程序的很多地方都使用了自动完成文本框。现在客户希望搜索应该使用“包含”过滤器。同样,我需要在所有使用自动完成控件的地方放置过滤器:“包含”。

我想在应用程序开始时将默认过滤器“startWith”更改为“包含”。这样我就可以逃脱以更改每个 html 文件。

谁能知道该怎么做?

0 投票
1 回答
1042 浏览

angularjs - kendo ui 自动完成 - 在加载时设置数据

我有一个文本框,我为其添加了 kendoAutoComplete 函数。这工作正常。但是,我想在页面加载时为此文本框设置一些值(我从数据库中获取值)。使用 KendoAutoComplete,我无法设置它。

我可以实现 KendoAutoComplete 或设置 datsource。他们两个单独工作都很好。至于,如果我包含与两者相关的代码 - 它不起作用。下面是代码。如果您遇到此问题,请给我一些意见吗?

myController.js

cshtml

我在控制器中设置“filterByPartNumbers”

感谢您的帮助。