Kendo MVC MultiSelect不显示所选值
Kendo MVC MultiSelect是一种基于Kendo UI框架的前端组件，用于实现多选功能。它可以让用户从预定义的选项列表中选择多个值，并将所选值显示在输入框中。
Kendo MVC MultiSelect的优势在于其简单易用的界面和丰富的功能。它提供了自动完成、过滤、分组、模板等功能，可以满足各种多选需求。此外，它还支持数据绑定，可以通过绑定数据源来动态加载选项列表。
Kendo MVC MultiSelect适用于各种场景，特别是在需要用户从大量选项中选择多个值的情况下。例如，在电商网站中，用户可以使用MultiSelect来选择多个商品分类进行筛选；在管理系统中，用户可以使用MultiSelect来选择多个用户角色进行权限设置。
对于Kendo MVC MultiSelect不显示所选值的问题，可能有以下几个原因和解决方法：
- 数据绑定问题：请确保MultiSelect的数据源正确设置，并且数据源中的字段与MultiSelect的数据绑定字段一致。
- 样式问题：检查MultiSelect的样式是否正确设置，包括宽度、高度、边框等。有时候，样式设置不正确可能导致所选值无法显示。
- 脚本加载问题：确保Kendo UI框架的脚本文件正确加载，并且在MultiSelect之前加载。如果脚本加载顺序不正确，可能导致MultiSelect无法正常工作。
- 数据加载问题：如果MultiSelect的选项列表是通过异步加载的，那么请确保数据加载完成后再初始化MultiSelect组件。可以使用回调函数或者Promise来确保数据加载完成。
如果以上方法都无法解决问题，建议参考Kendo UI官方文档或者咨询Kendo UI的技术支持团队获取更详细的帮助。
腾讯云提供了一系列云计算相关的产品和服务，其中包括云服务器、云数据库、云存储等。您可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多关于腾讯云的产品和服务信息。
相关·内容
1回答
带选项卡键选择的Kendo多选择
、、、、
我试图实现一个功能，以选择一个项目在剑道的多选择控件与服务器过滤。当用户按下所选项目的选项卡时。下面是我的kepdown事件代码：
if (e.keyCode === 9) {
var selectedItem = multiSelect.current();
if (selectedItem) {
var selectedIndex = selectedItem.data("idx");
if (selectedIndex >= 0) {
var curr
浏览 2提问于2015-06-02得票数 1
5回答
我正在使用Kendo multi，如下所示，但我无法获得所选值
var multiselect = $("#SelectRoles").data("kendoMultiSelect");
var selectedData= [];
var items = multiselect.value();
for (var itm in items)
{
selectedData.push(itm);
}
但是数组selectedData返回multiselect中的项的索引，而不是值。
浏览 1提问于2017-01-16得票数 8
我使用的是，并且我已经将tagMode作为一个应用程序。下面是kendo-multiselect的结构。
$("#status-id").kendoMultiSelect({
dataTextField: "text",
dataValueField: "value",
tagMode: 'single',
autoClose: false,
clearButton: true,
dataSource: statusData
});
由
浏览 4提问于2019-07-05得票数 0
回答已采纳
我正在构建一个Angular2应用程序，在其中一个页面上有MultiSelect组件。在输入至少3个字符时，它进行web服务调用，并开始显示可能的匹配。当我们在multiselect中选择条目并保存时，我将所选项目的id保存在一个表中，这仅仅是为了从MultiSelect中保存所选id。为了在我的web调用中检索数据，我返回对象类型，该对象类型包含了在MultiSelect中先前保存的所有信息，其中包括代码以及CPTdata中的其他支持字段
我的问题是当我浏览到具有MultiSelect控件的页面时，所选的值不绑定/显示到控件。我查看了web响应，并验证了所选值以及支持字段是否存在。是否还有其
浏览 4提问于2017-05-22得票数 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
回答已采纳
我们通过MVC包装器使用Kendo。下面是我们如何创建一个MultiSelect：
@(Html.Kendo().MultiSelect()
.Name("filterUsers")
.DataTextField("Text")
.DataValueField("Value")
.Placeholder("Select users...")...
问题是，在新版本的Kendo中，有一个在MVC中没有包装器的选项clear
浏览 1提问于2016-09-30得票数 0
回答已采纳
我们正在使用带有mvc包装器的kendo multiselect。安装程序上的所有内容都可以正常工作，但是所选的项是按数据值字段排序的。我只想按照数据文本字段对它们进行排序，但是到目前为止，没有任何东西工作。
@(Html.Kendo().MultiSelectFor(m => m.SelectedPersonIds)
.HtmlAttributes(new { style = "width: 400px" })
.DataTextField("Name")
.DataValueField("PersonID&#
浏览 10提问于2015-12-09得票数 1
回答已采纳
这非常简单，我有一个多选，当一个项目被选中时，我希望标签代表DataTextField。当选择了多个项目时，我想要一个标签来表示所选项目的数量。下面是我的代码：
@(Html.Kendo().MultiSelect()
.Placeholder("Select Employees...")
.Name("empSelect")
.DataTextField("Employee")
.DataValueField("PERSONNEL_KEY")
.HtmlAttribut
浏览 14提问于2017-07-25得票数 0
回答已采纳
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
回答已采纳
如何在不删除引导皮肤的情况下删除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
回答已采纳
2回答
在Kendo多选控件中获取所选项目计数的最佳方法是什么？
我试过了：
multiSelect.dataItems().count()
和
multiSelect.value().count()
都不管用吗？任何建议都将不胜感激。
浏览 0提问于2013-04-27得票数 3
回答已采纳
1回答
有人知道如何使用Kendo UI验证器来验证Kendo UI Multiselect小部件吗？
我只想检查所选内容是否包含内容或是否为空。
多选应该是必需的。
谢谢
浏览 3提问于2013-05-16得票数 10
回答已采纳
我想使用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
@(Html.Kendo().MultiSelect()
.Name(Html.Name(ReflectionExtensions.GetName((IAddressViewModel x) => x.SuburbId)).ToString())
.DataTextField("DisplayName")
.DataValueField("Id")
.Placeholder("Select products...")
.AutoBind(
浏览 12提问于2017-06-07得票数 1
1回答
如何获得kendo MVVM HTML的选定名称元素：
<select data-role="multiselect"
data-placeholder="Select..."
data-text-field="name"
data-value-field="name"
data-bind="value: sel,
浏览 3提问于2017-03-23得票数 0
回答已采纳
我在kendo网格中使用kendo MultiSelect作为自定义编辑器，MultiSelect在保存更改时正确工作，但在按下编辑行按钮(MultiSelect为空)时没有显示文本值。
我的自定义编辑器功能是：
function GRID_MULTISELECT_CUSTOM_EDITOR(container, options) {
var columnValue = String(options.model.POST_HISTORY).replace(/,/g,'","');
$('<input name="GRID
浏览 2提问于2016-10-01得票数 0
回答已采纳
我是ASP.NET mvc和kendo框架的新手，有以下问题：
我在一个窗口中有一个partialview，其中包含一个multiselect，它从数据库中接收其值。该视图如下：
@model SoftwareAdminInterface.Models.Administration.Pattern
<div id="myContentPopupEditRole_div">
@using (Ajax.BeginForm("SetCombi", "Pattern", new { }, new AjaxOptions() { HttpM
浏览 8提问于2013-10-16得票数 3
回答已采纳
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回答
我用做角度2。
该组件工作良好，但我需要设置一个限制的最大3选项，用户可以选择。我注意到在角1 MultiSelect中可以这样做，但是在角2文档中找不到任何东西。
有没有人知道我可以将所选选项的最大限制设置为3？
这是我目前的代码
component.html
<kendo-multiselect #sortingsDropdown
[data]="fixedData.PossibleValuesForGroupingsAndSortings"
[filterable]="true
浏览 8提问于2017-04-28得票数 1
回答已采纳
我在我的mvc5项目中使用了Kendo MultiSelect。所以我有一个与multiselect的视图
@model Library.ViewModels.Models.BookViewModel
@{
ViewBag.Title = "Edit";
}
<script>
$(document).ready(function () {
$("#multiselect").kendoMultiSelect({
placeholder: "--Select Public Houses-
浏览 0提问于2018-03-28得票数 2
2回答
请原谅我的无知，但我是新的使用Telerik控件。我见过许多这方面的例子，但他们未能解决我的问题。我有一个Kendo多选择小部件，它包含一些项和一个按钮，单击该按钮将部分填充multiselect小部件。这些项是从控制器方法(ASP.NET MVC)中以JSON形式获得的。因此，按钮单击实际上触发了一个ajax请求，在成功启动时，它调用一个javascript函数来填充multiselect小部件。到目前为止，ajax已经成功启动，我想要的数据正在成功地返回，只是multiselect没有显示这些值。
我的javascript/AJAX方法：
function addItems(ite
浏览 1提问于2013-11-28得票数 0
回答已采纳
在我的视图中，我试图将来自multiselect的选定值显示为单独的对象，这意味着所选的值将出现在表单的其他地方；实际的multiselect将被隐藏，只需要将所选的值发布以便它们可以绑定到视图模型服务器端(ASP.NET MVC)。
这似乎起作用了。但是，AngularJS将以“string：”作为I的前缀，因此我必须使用track by。如果我这样做了，multiselect就会开始执行奇怪的操作，也就是说，如果我选择了一个选项，那么该选项将立即再次取消选中，除非我两次单击该选项。我不知道那里发生了什么事。
这是上的代码，有人知道我遗漏了什么吗？
浏览 0提问于2016-01-01得票数 0
回答已采纳
1回答
我有一个kendo多选择组件，它工作得很好，但是当我的下拉列表中的文本太长时，我必须截断它。我至少会显示一个工具提示在悬停与全文。下面是一个所需结果的示例(在本例中，我将第一个结果悬停，得到一个带有全文的弹出)：
下面是我的实际html：
<kendo-multiselect kendoMultiSelectSummaryTag
[data]="enData"
[(ngModel)]="allCo"
浏览 7提问于2021-04-21得票数 0
回答已采纳
我有一个MVC Kendo MultiSelect帮助器，我想设置它，但在触发外部事件之前不检索它的数据。我在有一个下拉列表的级联容量中使用它，在dropDownList有一个选定的值之前，不知道显示什么值来选择。除了这个麻烦之外，一切都运行得很好。
@(Html.Kendo().MultiSelect()
.Name("productMultiSelect")
.DataTextField("Name")
.DataValueField("Id")
.Filter(FilterTy
浏览 0提问于2016-06-15得票数 0
我有一个情况，我有两个多选择的Kendo下拉，在选择第一个多选择下拉，我想填充另一个多选择下拉。
1 MultiSelect Kendo DD:
@(Html.Kendo().MultiSelect()
.Name("FirstDropDown").Placeholder("-- Select --")
.BindTo(new SelectList(Model.BusinessData, "Id", "Name"))
.Enable(true)
.AutoBind(false).Events(e =>
浏览 2提问于2017-06-15得票数 0
回答已采纳
我使用的是角为5的Kendo UI，我想使用Kendo的Multiselect组件来使用户插入自定义文本值。默认情况下，如果没有下拉数据，则此组件列出下拉选项或显示“无数据找到”消息。
在我的例子中，它们不是下拉数据。也没有必要显示无数据模板。有谁能告诉我禁用/隐藏无数据模板的可能性吗？
<kendo-multiselect
formControlName="emails"
[value]="selectedEmails"
[allowCustom]="true"
(valueChange)="onEmailsChange(
浏览 0提问于2018-03-28得票数 1
回答已采纳
我使用了kendo multiselect控件，并使用Jquery设置了它的值。一旦我将kendo窗口添加到我的表单中，Jquery代码就找不到多选控件，并给出一个错误消息"Cannot set value of undefined“。
<div id="dialog"> @(Html.Kendo().Window() .Name("ActionItemWindow").Title("Add New Author").Visible(false).Modal(true).Width(1000).Draggable(true).
浏览 1提问于2014-02-23得票数 1
2回答
我正在为我的MVC应用程序使用kendo multiselect控件，在那里我试图绑定multiselect，但它不起作用。下面是我的html代码：
@(Html.Kendo().MultiSelect()
.Name("ajaxTags")
.Placeholder("Select cities...")
.AutoBind(false)
.DataTextField("CityName")
.DataValueField("CityCode")
.Filter(FilterTyp
浏览 0提问于2016-01-20得票数 0
目前，我有以下代码，MVC与敲除绑定(这很好)
@Html.DropDownListFor(m => m.profiles,
(SelectList)Model.profileItems, new
{
id = "ID",
data_bind = "options: Profiles_msl, optionsText: 'profiles', optionsValue: 'ID'"
})
我也有这个，它是带有MVC模型绑定的kendo U
浏览 0提问于2015-06-11得票数 0
回答已采纳
如果没有任何更改，我的KendoUI MultiSelect只返回第一个选定的值。
当我加载查看页面时，MultiSelect将正确地填充数据和多个选择。现在，当我继续保存数据而没有更改任何内容(！)时，传递给我的控制器的模型(大多数情况下，没有模式可辨)只包含审批字段中的第一个选定项。如果添加新的选择，则只返回前面选定的第一个项和新选定的项。
如果我使用.AutoBind(false)，然后在字段中单击一次，然后再次在没有取消/选择任何内容的情况下在外部单击，则传递给我的控制器的模型包含保存的全部内容。
对于同一个ViewPage上的多个ViewPage(针对不同的数据)，在一个MultiS
浏览 4提问于2014-02-05得票数 2
你好，我收到错误：
Inline markup blocks (@<p>Content</p>) cannot be nested. Only one level of inline markup is allowed.
使用带有Razor视图和MultiSelectBoxes的Kendo选项卡和MVC4
我尝试过实现helper类，但是我仍然得到了错误。
这是我的密码，我是不是漏了一步？我将3多个选择移出，并与助手一起调用它们！
@(Html.Kendo().TabStrip()
.Name("tabstrip")
.Item
浏览 2提问于2013-11-11得票数 11
回答已采纳
我希望在angular 2中的kendo UI multiselect中有select all选项。这是我的html：
<kendo-multiselect #testSetsList [data]="testDataSets"
[filterable]="true"
[(ngModel)]="selectedTestSets">
</kendo-multiselect>
但我不知道如何在数据集中选择所有选项
浏览 2提问于2017-08-01得票数 1
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，多选择一些类似于代码below.But的内容，我需要将所选项目的背景色从红色更改为其他颜色，我尝试在弹出设置中提供自定义css，但仍然无法工作。大多数谷歌答案都在jquery中，但我需要它的角度4。你能帮我一下吗？
import { Component } from '@angular/core';
@Component({
selector: 'my-app',
template: `
<p>Custom values are <strong>enabled</strong>. T
浏览 1提问于2019-03-13得票数 1
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
回答已采纳
我用MVC 3将kendo 2014升级为Kendo2014.1.528。我在所有项目中添加了kendo.Mvc dll，并添加了kendo.web.min.js、kendo.aspnetmvc.min.js和样式表。当运行应用程序时，没有数据被加载到网格中，任何存在的功能都不起作用。还有哪些地方需要检查？我需要升级kendo所需的所有其他jquery文件吗？使用以下jquery文件
<script src="@Url.Content("~/Scripts/json2.js")"></script>
<script src="
浏览 1提问于2014-05-30得票数 0
回答已采纳
使用服务器端过滤，我想用一个由多个属性组成的对象来响应来自kendo MultiSelect小部件的每个请求--其中之一是要在下拉列表中枚举的数据项。
看起来我需要指定schema.data。但我还没有弄清楚如何使用MVC包装器来指定schema.data。这是可能的还是有其他的方法来做到这一点？
以下是我的自定义MultiSelectBuilder代码：
MultiSelectBuilder BuildSelector(HubAssemblyFieldEnums.FilterFields field, string placeHolder, string dataValueField, st
浏览 1提问于2013-08-22得票数 0
我正在使用代码优先的方法开发带有EF脚手架的ASP.net MVC应用程序。使用Kendo MultiSelect的视图之一无法加载项。在运行时，MultiSelect只显示文本“未定义”。
这是模型
public class SessionStudent
{
public int SessionStudentID { get; set; }
public int SessionID { get; set; }
[Display(Name = "Session")]
public virtual Session Session { get
浏览 2提问于2017-03-13得票数 0
回答已采纳
我们正在使用Kendo UI MVC，需要过滤大量记录并在只读DataGrid中显示它们。该页面具有MultiSelect小部件，每个小部件都允许用户从特定数据库列的不同值列表中进行选择。在用户在MultiSelect小部件中输入选择后，他将单击“刷新”按钮来更新网格。网格的DataSource.Ajax.Read方法应该将用户的选择传递给服务器，并在网格中显示结果。
我知道如何填充MultiSelect小部件以及如何通过Ajax从服务器返回数据，但是我不清楚如何将用户的选择传递给Grid.DataSource.Read()。
按钮将用户的选择传递给DataSource、触发Read方法并在网
浏览 1提问于2013-03-25得票数 0
我的页面上有两个Kendo ui multiselect元素，用于从列表中选择商店。在select事件中，我有一个函数调用，用来检查所选的商店是否在另一个列表中。
如果所选项目已分配到其他列表，我将提示确认。当用户单击ok，然后就是ok时，当单击cancel时，我必须从multiselect元素中删除所选的项。
下面是我的函数：
function checkStoreSelection(e) {
var selectedStore = this.dataSource.view()[e.item.index()];
var selectedStoreId = selectedS
浏览 0提问于2013-06-20得票数 0
回答已采纳
1回答
我有这个javascript函数和一个kendo，它返回字符串中所选项目的列表。
(item1、item2、item3)
我想把所有这些元素放到一个数组中，所以我在javascript中使用了split函数。
$("#areaMultiCommandSubmit").click(function (e) {
e.preventDefault();
var multiselect = $("#runMultiCommandsFormMultiselect").data("kendoMultiSelect");
浏览 1提问于2014-03-05得票数 0
回答已采纳
前言:这一度起作用了，我改变了一些东西，但我不知道是什么原因导致它停止工作。这是在带有kendo 2014.3.1411.545的MVC5上
我有一个kendo mvc网格，我的模板调用如下
.Editable(configurator =>
configurator
.Mode(GridEditMode.PopUp)
.TemplateName("someEditor")
.Window(x => x.Width(850))
.CreateAt(GridInsertRowP
浏览 3提问于2015-04-18得票数 0
1回答
我想要向multiselect添加一个数据源，这样它就可以显示所选的选项。我想要以下几点：
$("#shareReadMultiSelect").kendoMultiSelect(
{
autoBind: true,
dataSource: schedulerUsersSource,
dataTextField: "text",
dataValueField: "value"
浏览 2提问于2015-01-03得票数 1
回答已采纳
1回答
我希望根据我在数组文本字段中给出的内联样式，对kendo中的元素应用样式。
TS文件
dataValues: Array<{value: number, text: string}> = [{value: 1, text: "<span style='color:red'>value 1</span>"},{value: 2, text: "value 2"}, {value: 3, text: "<span style='color:red'>value 3</spa
浏览 6提问于2022-09-16得票数 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
回答已采纳
我已经在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
1回答
我正在为ASP.NET MVC使用kendo。我把所有的剑道JS文件都打包好了。在当地工作很好。但是，当我将应用程序部署到web服务器上，然后当我浏览页面时，我注意到kendo javascripts没有绑定，因为这导致了错误
Uncaught :jQuery(.).kendoDropDownList不是函数
，我就是这样捆绑文件的，
，这就是我在_Layout.cshtml中引用它们的方式
@Styles.Render("~/Content/bootstrap/css")
@Styles.Render("~/Content
浏览 0提问于2016-05-10得票数 0
我有一个两个kendo multiselect，我希望我的角色multiselect在某种程度上与其他角色级联，在角色multiselect read上，我希望发布在我的系统multiselect中选择的值的列表。这是我的角色多选的样子：
@(Html.Kendo().MultiSelect()
.Name("Roles")
.DataTextField("Name")
.DataValueField("Id")
.Place
浏览 2提问于2015-03-09得票数 0
1回答
我使用mvc kendo网格，在该网格中，我想使用multiselect。不知何故，当网格获取数据时，表示对multiselect值未定义，但当我按下网格中的update按钮时，它会为multiselect找到正确的值。
以下是将我的网格绑定到多选择供应商所在位置的视图模型im
public class CustomerViewModel
{
public CustomerViewModel()
{
Suppliers = new List<SupplierViewModel>();
}
public int Cu
浏览 3提问于2014-10-17得票数 2
回答已采纳
我是Kendo UI的新手。在我Asp.Net MVC应用程序中，我使用了Kendo UI网格小部件，并配置了网格，以便用户可以选择网格行，如下所示：
$("#gridSurvey").kendoGrid({
dataSource: {
type: "json",
transport: {
read: {
url: "/MyControlle
浏览 0提问于2014-02-18得票数 10
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
腾讯会议活动推荐
腾讯云开发者
