Kendo UI虚拟化MultiSelect更改事件未触发
Kendo UI是一套基于HTML5和JavaScript的前端开发框架，提供了丰富的UI组件和工具，用于构建现代化的Web应用程序。其中，Kendo UI MultiSelect是一个多选下拉列表框组件，可以让用户从预定义的选项中选择多个值。
虚拟化是指在处理大量数据时，只加载当前可见部分数据，而不是一次性加载全部数据，以提高性能和用户体验。Kendo UI MultiSelect组件也支持虚拟化，可以处理大量选项数据而不影响页面加载和渲染速度。
根据您提供的问题描述，Kendo UI虚拟化MultiSelect更改事件未触发可能有以下几个原因：
- 事件绑定问题：请确保正确绑定了MultiSelect的更改事件。可以使用Kendo UI提供的事件绑定方法，例如
change事件。 - 数据加载问题：如果使用了虚拟化功能，可能是因为数据未正确加载导致事件未触发。请确保数据源正确配置，并且数据已成功加载到MultiSelect组件中。
- 代码逻辑问题：请检查您的代码逻辑，确保在MultiSelect值更改时触发了相应的事件处理程序。可能是因为其他代码逻辑导致事件未被正确处理。
针对Kendo UI虚拟化MultiSelect更改事件未触发的问题，您可以参考以下步骤进行排查和解决：
- 确认事件绑定：检查代码中是否正确绑定了MultiSelect的更改事件。例如，使用
change方法绑定事件处理程序，确保事件处理程序正确执行。 - 检查数据加载：如果使用了虚拟化功能，请确保数据源配置正确，并且数据已成功加载到MultiSelect组件中。可以通过调试工具查看网络请求和数据加载情况。
- 检查代码逻辑：仔细检查代码逻辑，确保在MultiSelect值更改时触发了相应的事件处理程序。可以使用调试工具进行断点调试，查看事件是否被正确触发和处理。
如果您需要更详细的帮助和指导，建议参考腾讯云的Kendo UI文档和示例，以获取更多关于Kendo UI MultiSelect的使用方法和最佳实践。
腾讯云Kendo UI产品介绍链接：Kendo UI
请注意，以上答案仅供参考，具体解决方法可能因实际情况而异。
相关·内容
我有下一个用于kendo multiselect元素的代码。
var newitemtext: string;
var multiselect = t.sender.element.find("#redirectUris-multiselect").kendoMultiSelect({
dataTextField: "text",
dataValueField: "value",
change() {
ClientApplicationsGrid.prototype.changeFuncForMultiselect(this, multi
浏览 0提问于2018-06-28得票数 0
回答已采纳
4回答
我有一个选择器的问题。
实际上，我正在编写一个小部件。
必须有2个单击事件才能更改类。问题是，如果我单击第一个事件，类就会发生变化。但是在第二次单击时，它总是转到相同的单击事件，即使它有错误的类(选择器)
$(".ui-multiselect-costum-button",$(this)).click(function(){
console.log($(this).parent().html());
console.log($(this).attr("class"));
浏览 5提问于2013-10-10得票数 2
我尝试使用jquery将“取消选择”事件绑定到KendoUI多选控件。但是看起来它并没有触发:下面是代码： $(document).ready(function () {
function multiselect_deselect(e) {
debugger;
if (e.item.context.localName == 'li') {
e.preventDefault();
}
}
var multiselectCtrl = $("#enterFeedbackFo
浏览 19提问于2019-01-16得票数 1
回答已采纳
3回答
我正在尝试从我的Kendo multiselect中获取所选项目的数组，它位于kendo网格的编辑器模板中。
多选代码：
@(Html.Kendo().MultiSelect()
.Name("Staff")
.DataValueField("ID")
.DataTextField("FullName")
.BindTo((System.Collections.IEnumerable)ViewData["Staff"])
.Events(events
浏览 10提问于2016-08-19得票数 1
1回答
有人知道如何使用Kendo UI验证器来验证Kendo UI Multiselect小部件吗？
我只想检查所选内容是否包含内容或是否为空。
多选应该是必需的。
谢谢
浏览 3提问于2013-05-16得票数 10
回答已采纳
1回答
我试图通过扩展现有的kendo多选择小部件来创建一个新的kendo多选择小部件。目标是在输入下面的div中显示标记列表。
在这段代码中，我的目标是在小部件的select事件上呈现单独的div中的标记列表，然后返回基本小部件(Kendo MultiSelect)的选择事件，但是基小部件的选择事件返回一个dataItem undefind错误。我做错了什么？
(function ($) {
var customMultiSelect = kendo.ui.MultiSelect.extend({
init: function (element, options) {
浏览 1提问于2018-09-27得票数 0
回答已采纳
我有一个带有一些自定义编辑器的Kendo，一个是。我为编辑器提供了一个cshtml文件，如下所示：
@model IEnumerable<ManageSitesInTemplateViewModel>
@(Html.Kendo().MultiSelectFor(m => m)
.AutoClose(false)
.DataTextField("SiteName")
.DataValueField("SiteId")
.BindTo((IEnumerable<ManageSitesInTemplateView
浏览 4提问于2017-08-31得票数 2
回答已采纳
我希望在angular 2中的kendo UI multiselect中有select all选项。这是我的html：
<kendo-multiselect #testSetsList [data]="testDataSets"
[filterable]="true"
[(ngModel)]="selectedTestSets">
</kendo-multiselect>
但我不知道如何在数据集中选择所有选项
浏览 2提问于2017-08-01得票数 1
我已经在Kendo Angular Grid上实现了kendoGridFilterMenuTemplate。
<kendo-grid-column
field="orderStage"
title="Order Stage"
width="110px">
<ng-template
kendoGridFilterMenuTemplate
let-filter="filter"
浏览 3提问于2019-02-04得票数 0
我对kendo ui框架工作很陌生，但我不能让它工作，我只想使用kendo multiselect小部件，它会给出‘error和multiselect不是一个函数’。
这是我所包含的代码。
<link href="~/Content/plugins/kendo/css/kendo.common-bootstrap.min.css" rel="stylesheet" />
<link href="~/Content/plugins/kendo/css/kendo.bootstrap.min.css" rel="styles
浏览 3提问于2016-10-28得票数 0
回答已采纳
1回答
我扩展了multiselect小部件，没有什么特别之处。问题是价值观的约束不再起作用。在第一个示例中，我使用本机小部件并很好地绑定值。第二种是我使用扩展的multiselect，它在值绑定上失败并且是空的。
HTML：
<selectdata-role="multiselect"data-bind="source: selectData, value: selectedIDs"data-text-field="Name"data-value-field="ID"></select>
<selectda
浏览 2提问于2013-10-31得票数 0
回答已采纳
1回答
我正在尝试扩展一个，以便它有一个默认的数据源和模板。除了MVVM对象中的预加载值外，它都可以工作。当我开始更新扩展的multiselect时，MVVM的值将被更新，初始项只是没有预加载：
kendo.ui.plugin(kendo.ui.MultiSelect.extend({
init: function(element, options) {
var ds = new kendo.data.DataSource({
type: "json",
serverFiltering: true,
浏览 2提问于2014-06-27得票数 1
回答已采纳
页面加载后，我设置所有锚应使用插件阻止屏幕，以防止用户不耐烦地多次单击，并避免对服务器的不必要的多个请求。
$("a").on("click", $.blockUI);
我也在使用，这个小部件使用锚来检查所有选项、取消选中所有选项或关闭自身。不幸的是，这些锚也触发了我的blockUI事件。我试图使用以下代码防止事件触发：
$("a.ui-multiselect-none, a.ui-multiselect-all, a.ui-multiselect-close").on("click", function(e) {
e.p
浏览 2提问于2014-02-21得票数 0
回答已采纳
我使用的是，并且我已经将tagMode作为一个应用程序。下面是kendo-multiselect的结构。
$("#status-id").kendoMultiSelect({
dataTextField: "text",
dataValueField: "value",
tagMode: 'single',
autoClose: false,
clearButton: true,
dataSource: statusData
});
由
浏览 4提问于2019-07-05得票数 0
回答已采纳
2回答
我使用的是 Multiselect jquery组件。我不知道如何触发和订阅这个东西的事件。(我是js的新手)。
到目前为止，我一直在尝试在ui.multiselect.js文件的_updateCount函数中触发一个collectionChanged事件：
_updateCount: function() {
this.selectedContainer.find('span.count').text(this.count + " " + $.ui.multiselect.locale.itemsCount);
//How d
浏览 0提问于2012-07-04得票数 0
回答已采纳
我使用的是Kendo移动框架的kendo UI Mobile v2012.3.1114，并且mobiscroll设置和取消按钮不会每次都触发。有时它会触发，但并不总是如此。如果我使用kendo mobile framework的v2012.2.913，它可以正常工作，但速度很慢。我想这是关于css的问题，但我不确定。
开发环境- (Telerik Cloud IDE) Icenium Graphite v1.1 - Kendo UI Mobile Framework v2012.3.1114 - Jquery Mobile v1.8.2 - Mobiscroll v2.3.1
下面是html和
浏览 0提问于2013-01-15得票数 2
回答已采纳
我正在使用一个带有MVVM (可观察性)的Kendo UI网格。我正在尝试在创建或编辑行后自动选择它。在"save“事件之后发生了一些事情，它阻塞了对网格的select方法的调用。我的解决办法是一个明显的hack (但现在有效)，通过将超时设置为100ms，让所有事件等完成。Kendo文档似乎没有提到"save“之后的事件(比如”save“方法或类似的方法)。有这样的动物吗？你能想出一个更好的方法来做到这一点吗(我可以在某个地方附加一个回调，这会让我更开心)：
...
testRequestEdited: function(e) {
var uid = e.model.
浏览 0提问于2013-04-25得票数 0
我正在致力于一个Kendo移动项目，从一个角度来看，我需要在谷歌地图上工作。我设置了映射容器div的宽度和高度，但是当我显示映射时，它并不涵盖所有div。这是一个图像和我正在使用的代码。
html：
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=false"></script>
Javascript：
function initialiceMap() {
var mapOptions = {
center: {lat
浏览 0提问于2015-04-06得票数 0
回答已采纳
我使用此模板在摘要标记模式下设置了一个kendo multiselect：
# if (dataItems.length < 4) { #
# for (var idx = 0; idx < values.length; idx++) {#
#:dataItems[idx].Name#
# if (idx < values.length - 1) {#</li><li class="k-button" unselectable="on"> # } #
#}#
# }
浏览 6提问于2019-12-04得票数 0
回答已采纳
4回答
我使用Kendo作为我最喜欢的角度Ui框架。
<kendo-multiselect [data]="listItems" [(ngModel)]="value">
<ng-template kendoMultiSelectHeaderTemplate let-dataItem>
<strong (click)="toggleSelection()">Alle Auswählen</strong>
</ng-template>
<
浏览 0提问于2018-04-25得票数 2
回答已采纳
1回答
我有一个带有Kendo UI MultiSelect组件的ASP.NET MVC / Razor表单。
@(Html.Kendo().MultiSelectFor(m => m.Ids)
.Filter(FilterType.Contains)
.AutoBind(true)
.MinLength(3)
.Delay(500)
.DataTextField("Value")
.Dat
浏览 2提问于2017-03-16得票数 0
回答已采纳
我在jquery和MVC5中使用Kendo UI，使用ASP.net身份进行身份验证。
$("#divTemp").kendoWindow({
title: "ABC",
width: 50px,
height: 50px,
draggable: false,
actions: ["Close"],
content: {
url: ../master/bank,
},
modal: true,
iframe: false,
//refresh: fa
浏览 1提问于2018-07-13得票数 0
我一直在我的asp.net MVC4项目中使用Kendo，它正常工作。
我使用过像DropDownList, Grid,这样的小部件，它没有问题。
最近我想把我的DropDownList换成MultiSelect，
因此，我尝试复制这个链接中的示例：
但是，将显示一条错误消息：
CS1061: 'Kendo.Mvc.UI.Fluent.WidgetFactory<XXX>' does not contain a definition for 'MultiSelect' and no extension method 'MultiSelect&
浏览 4提问于2014-08-20得票数 1
回答已采纳
我有一个情况，如果用户在主页上的浏览器中向下滚动，并在任何事件上执行操作，将他带到另一个页面或路线，滚动条位置与主页相同。当用户重定向到不同的页面时，如何保持滚动条在顶部？我试着在下面的代码中自动滚动，但似乎不工作，任何建议将不胜感激。谢谢
index.html
<!DOCTYPE html>
<html ng-app="riskAssessmentApp">
<head>
<meta charset="utf-8">
<meta
浏览 1提问于2015-07-21得票数 0
我使用的是角为5的Kendo UI，我想使用Kendo的Multiselect组件来使用户插入自定义文本值。默认情况下，如果没有下拉数据，则此组件列出下拉选项或显示“无数据找到”消息。
在我的例子中，它们不是下拉数据。也没有必要显示无数据模板。有谁能告诉我禁用/隐藏无数据模板的可能性吗？
<kendo-multiselect
formControlName="emails"
[value]="selectedEmails"
[allowCustom]="true"
(valueChange)="onEmailsChange(
浏览 0提问于2018-03-28得票数 1
回答已采纳
我想知道如何在Kendo数字文本框中自动保存。
我创建了一个小演示，我可以用普通的输入文本创建一个自动保存(当焦点丢失时自动保存，或者在不输入值的情况下2秒自动保存)，然后我添加一个Kendo UI数字文本框，当我输入一些值或丢失焦点时也可以工作，但是，当我在滚动条中更改值时，autosave不工作。
<h4>Set Value</h4> <p> <input kendo-numeric-text-box ng-model="item.value" style="width: 100%;" re
浏览 4提问于2015-11-19得票数 0
我在angularJS 1.5中使用kendo，并且我有一个简单的kendo网格绑定到一个数据源，该数据源使用以下函数配置了传输：
private buildDataSource() {
this.dataSource = new kendo.data.DataSource({
autoSync: true,
change: this.dataSourceChangeHandler.bind(this),
error: this.dataSourceErrorHandler.bind(this),
transport: {
浏览 7提问于2016-11-20得票数 1
回答已采纳
我想使用Kendo MVC UI Multiselect作为常规的HTML MultiSelect。这将用作级联多选列表。
因此，它的外观和感觉：
<select id="multiselect" multiple="multiple">
<option>New York</option>
<option>Chicago</option>
</select>
应应用于：
@(Html.Kendo().MultiSelect().DataTextField("Nam
浏览 1提问于2015-01-29得票数 0
2回答
我在MVC5和Kendo UI和jquery工作。我已经用数据源绑定了一个多选择的文本框，在单击按钮时，我希望将所有选定的值传递给控制器操作方法parameter.Below是我的代码。
我认为：
$("#multiselect").kendoMultiSelect({
dataSource: dataSource,
dataTextField: "fullName",
dataValueField: "Email",
select: onSelect
浏览 3提问于2015-12-11得票数 0
我尝试在Angular 2的Kendo UI中使用新的多选组件，但当小部件启动时，Firebug中抛出了"this.value is undefined“错误。
<kendo-multiselect name="watchbill" [data]="watchbills" [(ngModel)]="selectedWatchbills" [textField]="'name'" [valueField]="'id'"></kendo-multiselect&
浏览 0提问于2017-01-27得票数 1
回答已采纳
2回答
我试图基于多选择下拉列表显示/隐藏元素，但我的代码似乎不起作用。例如，nameList的数据之一是名称，当选择名称时，我想用另一个下拉菜单显示一个div。我用的是棱镜和打字稿。以下是我的代码，供您参考：
<kendo-multiselect [data]="nameList" [(ngModel)]="selectedname "></kendo-multiselect>
<div *ngIf="selectedname === 'Name'">
<div class="col
浏览 0提问于2018-11-21得票数 0
回答已采纳
我正在使用JQuery的Kendo UI，并且我声明了一个multiselect作为之后的TagBox。
我注意到，每当组件失去焦点时，任何键入的内容都会被清除。我希望避免这种行为，因为强迫用户在单击Multiselect之外的任何时候重新输入他们拥有的内容将是令人恼火的。
我试着这样做：
$('.email_notification_create .k-multiselect .k-input').unbind('blur');
$('.email_notification_create .k-multiselect .k-input').on
浏览 29提问于2020-11-06得票数 1
1回答
我通过AngularJS创建了一个Kendo UI网格。假设我想连续显示10个项目。现在，当数据少于10或者根本没有数据时，我想要显示空行，也就是说，无论数据是否存在，网格都应该具有相同的高度来显示空行。
如果数据不存在，KendoUI的作用是降低网格高度。因此，如果没有数据，那么目前我只得到报头，然后是分页。
$scope.testGridOptions = {
sortable: true,
pageable: {
refresh: true,
pageSizes
浏览 7提问于2014-12-24得票数 2
我刚接触Kendo，并使用它创建了一个项目。我遇到了一个非常独特的问题。我正在使用kendoCombox中的select选项。我所做的就是在单击编辑按钮时更新选择框值。值被成功更新，但当我滚动时，它会自动调用获取所有值的函数。下面是我的代码：
我正在使用下面的代码更新值：
$("#rackModelName").data("kendoComboBox").value(deviceModelName);
<select class="span12" onchange="rackChange()" id="rackM
浏览 0提问于2019-08-05得票数 0
2回答
我有一个问题，我试图找出为什么我必须按两次弹出按钮的"ok“按钮才能使它消失。从我的代码可以看出，我只有一条alert语句，但它的行为就像我可能意外地调用了两条alert语句一样。
function intialiseKendoGrid(date) {
gridResult = $('#grid').kendoGrid({
scrollable: {
virtual: true
},
navigatable: true,
groupable: true,
浏览 2提问于2013-04-18得票数 0
回答已采纳
如何在不删除引导皮肤的情况下删除Kendo UI下拉列表和multiselect上的边框辉光？
这些是我要加载的样式：
@Html.StyleSheet(Url.WidgetContent("~/Mvc/Scripts/kendo/2018.3.1017/styles/kendo.common.min.css"), "top")
@Html.StyleSheet(Url.WidgetContent("~/Mvc/Scripts/kendo/2018.3.1017/styles/kendo.bootstrap.min.css"), "top
浏览 0提问于2019-08-07得票数 1
回答已采纳
1回答
我必须处理Kendo UI对象，这些对象调用后端，分散在应用程序周围。我想为Kendo UI对象创建所有401响应(Unoauthorized)的单个处理程序，这样我就可以使用刷新令牌。
问题：如何处理Kendo对象在单个位置的所有错误响应？
浏览 0提问于2018-05-28得票数 1
3回答
我正在尝试使用kendo multi创建一个选定id数组。
这是
这是剑道脚本：-
$("#multiselect").kendoMultiSelect({
dataSource: [
{ id: 1, name: "Apples" },
{ id: 2, name: "Oranges" }
],
dataTextField: "name",
dataValueField: "id",
select:onSelect
});
剑道选择函数：-
function onSelec
浏览 0提问于2014-01-28得票数 0
我想为我的react应用程序导入表容器。但我不能使用它，因为我的材料ui版本错误。如何将我的版本更新到最新版本。我想这就是那个错误的解决方案。我已经尝试了npm uninstall和npm uninstall，但是还没有解决。帮帮我。
{
"name": "material-dashboard-react",
"version": "1.6.0",
"description": "Material Dashboard React. Coded by Creative Tim",
&#
浏览 31提问于2020-02-14得票数 5
回答已采纳
我正在构建一个Angular2应用程序，在其中一个页面上有MultiSelect组件。在输入至少3个字符时，它进行web服务调用，并开始显示可能的匹配。当我们在multiselect中选择条目并保存时，我将所选项目的id保存在一个表中，这仅仅是为了从MultiSelect中保存所选id。为了在我的web调用中检索数据，我返回对象类型，该对象类型包含了在MultiSelect中先前保存的所有信息，其中包括代码以及CPTdata中的其他支持字段
我的问题是当我浏览到具有MultiSelect控件的页面时，所选的值不绑定/显示到控件。我查看了web响应，并验证了所选值以及支持字段是否存在。是否还有其
浏览 4提问于2017-05-22得票数 0
我有一个Kendo在一个固定的高度容器(想想模态弹出)。MultiSelect将autoClose设置为false。
当用户选择多个项(以及源输入字段增长)时，MultiSelect列表似乎会随机关闭。
复制步骤：
负载
开始选择MultiSelect中的每个项目，直到MultiSelect关闭。
任何洞察力都是值得赞赏的。
谢谢。
浏览 1提问于2017-04-11得票数 1
在启用ServerFiltering和some分页的Kendo中，我遇到了一些问题。我用的是50个元素的页面大小。如果我对页面量设置了一个初始值，即前50个元素中的值，那么一切都很好。如果我使用的值不是在前50个元素中(通过使用multiSelect.data("kendoMultiSelect").value([1, 2, 99]]) )，它只会忽略这个值，这个值不在预加载列表中。
有什么解决办法或标志，我可以使用这个工作吗？
提前感谢！
浏览 4提问于2016-05-03得票数 0
回答已采纳
我有一个动态填充的分页表。我在其中一列中使用了"bootstrap multiselect checkbox“选项。这个插件在表格的第一页工作得很好，但是当我试图导航到分页表的下一页时，"boostrap multiselect下拉复选框选项变成一个没有复选框的普通多选选项。还有search option is not working .Is这里缺少什么吗？“
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
<link re
浏览 3提问于2014-12-31得票数 1
回答已采纳
1回答
下面是参考资料
Kendo UI MultiSelect小部件中的服务器筛选示例
现在的问题是，我想要在加载后添加选定的项。因为数据源是远程的(类似于自动完成)，所以我不能直接附加它
<!DOCTYPE html>
<html>
<head>
<base href="http://demos.telerik.com/kendo-ui/multiselect/serverfiltering">
<style>html { font-size: 14px; font-family: Arial, Helve
浏览 9提问于2015-09-25得票数 1
我在一个asp.net mvc页面上使用了一个kendo ui treeview控件。当单击“取消”按钮时，我想取消选中树视图中所有已选中的复选框。以下是我的代码。
function cancel() {
var treeView = $("#treeview").data("kendoTreeView"),
myNodes = treeView.dataSource.view();
for (var i = 0; i < myNodes.length; i++) {
var child
浏览 3提问于2016-02-20得票数 1
尝试添加自旋器(kendo.ui.progress)以显示进程中的crud操作，在保存事件中创建开始自旋器，在数据库中结束但删除(销毁)在remove事件中开始，但无法判断销毁何时完成。虽然有事件requestEnd，但它永远不会被调用--可能在较早版本的kendo中不支持它。
还有一种方法是在破坏操作中定义ajax函数，例如:函数(选项){$.ajax.}，在ajax停止旋转器的成功或失败回调中，但我不想这样做。
除上述两种解决方案外，是否有其他方法可以知道销毁操作何时完成？
浏览 3提问于2014-05-09得票数 3
回答已采纳
如果我用鼠标在中选择date，我的观察者(绑定的viewModel)将看到这些更改。但是，如果我在代码中设置datepicker的值，如下所示：
$("#dateFromFilter").data("kendoDatePicker").value(todayDate);
观察者没有捕捉到事件：
dateRangeViewModel = kendo.observable({
selectedDateFrom: null,
onChange: function (e) {
// selectedDateFrom is not chan
浏览 1提问于2015-02-20得票数 1
回答已采纳
当我添加用于样式化选择或多选元素的插件/小部件(Dropkick - 和jQuery UI MultiSelect小部件)时，此更改功能停止工作:-(
你知道怎么解决这个问题吗？
我在将插件添加到小提琴时遇到了一些问题，所以我创建了单独的小提琴： -使用的函数-使用Dropkick样式的选择元素的函数(不起作用) -使用UI MultiSelect小部件样式的多选元素的函数(不起作用)
var $increase_priority1 = $(".increase_priority1");
$(".trigger_rank1, .complaint select"
浏览 2提问于2012-11-21得票数 1
回答已采纳
当我在单标签模式下使用kendoui multiselect时，如果我点击了最大选择数，我就不能取消选择项目。有没有解决这个问题的办法？
我更新了这段代码
http://dojo.telerik.com/ovAsA
到这个
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Kendo UI Snippet</title>
<link rel="stylesheet" href="h
浏览 3提问于2015-10-03得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
