Kendo UI是构建HTML UI的框架。它通过一个集成的紧凑型软件包提供客户端，jQuery驱动开发所需的一切，并与AngularJS集成。
Angular 10 Kendo Grid 导致“没有‘new’就无法调用类构造函数 vA”错误
我正在尝试在 Angular 应用程序中实现 Kendo Grid，但在启用 Kendo Grid 组件时遇到以下错误： vendor.4add67dadae0cd9152b9.js:16 错误错误：Unc...
kendo grid setOptions - 如何处理网格模式的重大更改？
我有一个 ASP.NET MVC Kendo Grid，可以保存列顺序和可见性，类似于此示例 网格选项持久保存到数据库中。现有选项引用特定列...
我使用 Kendo UI RTL TreeView 工作。我使用 Angular js 树视图，从右到左，就像这个 Kendo TreeView RTL 一样。 现在，我想在节点之间放置一条线，我这样做了，但线不能正常工作。 怎么可以...
Kendo Grid：使用 rowReorderable 时自定义拖动提示
使用 rowReorderable 时是否可以自定义剑道网格上的行拖动提示？
您好，我有以下代码，它显示数据库中的数据，但不将数据添加到数据库中
我已经尝试过代码但不起作用。 select 语句工作正常，但 UPDATE 和 INSERT 语句没有对数据库进行任何更改。 即使进行的 DELETE 查询也不起作用。
在剑道调度程序控制中使用组标题模板，并希望在我的资源视图中进行分页 http://dojo.telerik.com/IMUjA 如果我愿意的话，这个例子只有 2 个资源......
我们正在使用 Kendo Scheduler 显示会议室的预订。有大量历史数据在调度程序加载时不需要，但用户可以轻松浏览。因为...
在这个 StackBliz 中，我有一个 Kendo for Angular 下拉列表。当您打开下拉菜单时，弹出窗口会显示七个项目。我只想展示三个项目。所以我将popupSettings中的高度设置为30，但是...
我正在将我的应用程序转换为使用带有 Kendo Grid UI 的服务器端分页。 在将 serverPaging 切换为 true 之前，我正确地显示了网格内容，并在客户端进行分页。
如何隐藏*单个*MVC/Kendo tabstrip 选项卡？
如何隐藏 MVC/Kendo UI 选项卡条上的单个选项卡？ 我想根据条件隐藏选项卡。 我的 jQuery 代码是这样的： //authUser 是一个隐藏输入，其值在
我创建了一个带有分页功能的简单 Kendo UI 网格。现在我想用一些新数据刷新我的网格。我使用 setDatasource 将新数据附加到网格，然后刷新以刷新网格...
我有一个剑道用户界面网格。假设指向网格的JS变量称为grid。如何以编程方式转到第 3 页？谢谢。
我创建了一个启用多选的剑道网格： 我创建了一个启用多选的剑道网格： <kendo-grid [reorderable]="false" class="border" [kendoGridBinding]="data" [selectable]="{ enabled: true, checkboxOnly: false, mode: 'multiple' }" scrollable="none" > <kendo-grid-checkbox-column [showSelectAll]="true" [width]="40" [columnMenu]="false" headerClass="col-header" ></kendo-grid-checkbox-column> <kendo-grid-column title="Person Name" headerClass="font-weight-bold col-header" > <ng-template kendoGridCellTemplate let-dataItem> {{ dataItem.lastName }}, {{ dataItem.firstName }} </ng-template> </kendo-grid-column> 我在 showSelectAll 上使用 kendo-grid-checkbox-column，以便通过标题中的复选框选择所有网格行。我在文档中的 Kendo for Angular 演示中看到了这项工作。 对我来说，当未选择任何内容时，单击标题复选框不会执行任何操作： 当我手动选择一行时，单击显示“-”符号的标题复选框将取消选择选定的行： 当我手动选择所有行时（按住 Shift 键单击它们可以），单击带有复选标记的标题复选框也不起作用： 所以它不适用于选择全部或取消选择全部，但适用于取消选择某些。 有什么想法我做错了什么以及我应该尝试如何让它发挥作用吗？ 谢谢！ 根据提供的信息，真的很难判断可能导致问题的原因 - 我刚刚使用最新官方版本的 Kendo 包和提供的标记创建了一个 StackBlitz 演示，并且它似乎按预期工作： https://stackblitz.com/edit/angular-gmiahh?file=src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fapp.module.ts 您可以将其与实际实施进行比较并应用必要的调整。 编辑：如果网格恰好与 Angular Material CDK Overlay 一起使用，您还可以查看这篇文章： https://www.telerik.com/kendo-angular-ui/components/knowledge-base/selectall-ngmaterialcdk/ 在对我们自己的问题进行故障排除后（与所描述的问题类似），我发现我们的问题是由变更检测策略引起的。 最初，我们将其设置为： changeDetection: ChangeDetectionStrategy.OnPush 然后我们将其删除，并且它没有对网格造成任何问题。 添加更多功能后，全选停止工作。 重新添加更改检测后，它再次开始工作。 不知道为什么或什么影响它停止工作。
Telerik Blazor GridCommandButton 不起作用
我一直在与 Blazor 和 Telerik 合作，我似乎有网格显示数据，CSS 看起来不错，但主要使用来自 Telerik 示例的代码，我对它的工作量感到惊讶......
我在 Kendo 表单中使用 Kendo UI 日期（时间）选择器时遇到了一些大问题。 （在 Kendo Grid Popup 中，Date(Time)Picker 的行为有所不同，并且不添加时区偏移量） 问题是，那个客户...
如何在剑道网格的总属性中分配行数？我使用json来填充数据： if ($结果 = mysqli_query($con,$sql)) { while($obj = mysqli_fetch_object($result)) { $arr...
在 ASP.NET Core 中使用 kendoui - 无法正常工作
我想在我的 ASP.NET Core 项目中使用 kendoui。 我有以下部分 - _Layout.cshtml： 我想在我的 ASP.NET Core 项目中使用 kendoui。 我有以下部分 - _Layout.cshtml: <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>@ViewData["Title"] - CarWash</title> <!-- Bootstrap & Kendo CSS --> <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" /> <link href="~/kendoo/css/kendo.rtl.min.css" rel="stylesheet" /> <link href="~/kendoo/css/kendo.common-material.min.css" rel="stylesheet" /> <link href="~/kendoo/css/kendo.default-ocean-blue.min.css" rel="stylesheet" /> </head> <body> <header> <nav class="navbar navbar-expand-sm navbar-toggleable-sm navbar-light bg-white border-bottom box-shadow mb-3"> <div class="container-fluid"> <a class="navbar-brand" asp-area="" asp-controller="Home" asp-action="Index">CarWash</a> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target=".navbar-collapse" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="navbar-collapse collapse d-sm-inline-flex justify-content-between"> <ul class="navbar-nav flex-grow-1"> <li class="nav-item"> <a class="nav-link text-dark" asp-area="" asp-controller="Service" asp-action="Create">Create Service</a> </li> <li class="nav-item"> <a class="nav-link text-dark" asp-area="" asp-controller="Car" asp-action="Create">Create Car</a> </li> <li class="nav-item"> <a class="nav-link text-dark" asp-area="" asp-controller="Service" asp-action="Index">Index Service</a> </li> </ul> </div> </div> </nav> </header> <div class="container"> <main role="main" class="pb-3"> @RenderBody() </main> </div> <footer class="border-top footer text-muted"> <div class="container"> © 2024 - CarWash - <a asp-area="" asp-controller="Home" asp-action="Privacy">Privacy</a> </div> </footer> <!-- Load jQuery, Bootstrap, Kendo, and Site Scripts --> <script src="~/lib/jquery/dist/jquery.min.js"></script> <script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script> <script src="~/kendoo/js/kendo.all.min.js"></script> <script src="~/kendoo/js/kendo.aspnetmvc.min.js"></script> <script src="~/kendoo/js/kendo.web.min.js"></script> <script src="~/kendoo/js/kendo.messages.fa-ir.min.js"></script> <script src="~/js/site.js" asp-append-version="true"></script> <!-- Render any additional page scripts --> @await RenderSectionAsync("Scripts", required: false) </body> </html> 我的Create.cshtml： @model CarWash.Models.ServiceModel <style> .form-floating > label{ right: 0px !important; } </style> <div class="row" dir="rtl"> <div class="col-md-4 form-floating"> <input id="CustomerName" class="form-control text-end" asp-for="CustomerName" placeholder="Customer Name" /> <label for="CustomerName">Customer Name</label> </div> <div class="col-md-4 form-floating"> <input id="PhoneNumber" class="form-control text-end" asp-for="PhoneNumber" placeholder="Phone Number"/> <label for="PhoneNumber">Phone Number</label> </div> @* <select id="CarId" class="form-control" asp-for="CarId" asp-items="(List<SelectListItem>)ViewBag.Cars"> </select> *@ <div class="col-md-4 k-rtl col-md-4"> @(Html.Kendo().ComboBoxFor(x => x.CarId) .Placeholder("Select Car") .DataTextField("Text") .DataValueField("Value") .DataSource(source => { source.Read(r => r.Action("Car_Read", "Service")); }) .Filter(FilterType.StartsWith) ) </div> </div> <button class="btn btn-primary mt-3" onclick="Save()">Insert</button> 无法正常工作。我的意思是组合框什么也没显示。但如果我输入以下脚本： <!-- Load jQuery, Bootstrap, Kendo, and Site Scripts --> <script src="~/lib/jquery/dist/jquery.min.js"></script> <script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script> <script src="~/kendoo/js/kendo.all.min.js"></script> <script src="~/kendoo/js/kendo.aspnetmvc.min.js"></script> <script src="~/kendoo/js/kendo.web.min.js"></script> <script src="~/kendoo/js/kendo.messages.fa-ir.min.js"></script> <script src="~/js/site.js" asp-append-version="true"></script> 就在下面的部分之前，它起作用了；但我不想那样做: <div class="container"> <main role="main" class="pb-3"> @RenderBody() </main> </div> IO 如何解决这个问题？ 根据包含 ASP.NET Core 客户端资源的 Telerik UI 的文档，ASP.NET Core 的 UI 所需的 Kendo UI 脚本文件必须加载到 jQuery 脚本之后的标签中。所以你应该把你的脚本放入<header>。 <head> ... <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css" /> <link rel="stylesheet" href="~/css/site.css" /> <link rel="stylesheet" href="https://kendo.cdn.telerik.com/themes/8.2.1/bootstrap/bootstrap-main.css" /> <script src="https://code.jquery.com/jquery-3.7.0.min.js"></script> @* Add the Kendo UI scripts: *@ <script src="https://kendo.cdn.telerik.com/2024.3.806/js/kendo.all.min.js"></script> <script src="https://kendo.cdn.telerik.com/2024.3.806/js/kendo.aspnetmvc.min.js"></script> </head>
调整水平资源分组中的标题与会者姓名 Kendo UI Scheduler
我正在使用 Kendo UI Scheduler 中的水平资源分组，我想将标题与会者姓名调整为与自动换行 CSS 属性相同，以便姓氏出现在第二行。请...
如何将标签的“for”属性设置为用 <ng-content> 投影的剑道文本框？
我想创建一个组件信息标签，在标签旁边添加一个图标。 作为一个非常简单的草图，它应该看起来像这样 （标签）（一） （输入字段） 这就是我的组件的样子 我想创建一个组件 info-label，在标签旁边添加一个图标。 作为一个非常简单的草图，它应该看起来像这样 (label) (i) (input field) 这就是我的组件的样子 <div class="label-container"> <kendo-label class="k-form" [text]="text"></kendo-label> <kendo-icon *ngIf="info" name="info" themeColor="info" [title]="info"></kendo-icon> </div> <ng-content></ng-content> 我尝试了几种方法来正确设置 for 属性，以便单击标签即可选择输入。但我无法让他们工作。 这就是我使用该组件的方式。我的组件有一个我在模板中使用的 @Input() for: string|undefined;（没有成功） <info-label text="ID" info="Identifier bla bla" for="foo"> <kendo-textbox id="foo"></kendo-textbox> </info-label> 无论如何都无法让它发挥作用。 当我使用 vanilla 输入并使用 [for] 时，它工作得很好。像这样 组件 <div class="label-container"> <kendo-label class="k-form" [text]="text" [for]="for" /> <kendo-icon *ngIf="info" name="info" themeColor="info" [title]="info"></kendo-icon> </div> <ng-content></ng-content> 用法 <info-label text="ID" info="Identifier bla bla" for="bar"> <input type="text" id="bar"> </info-label> 不幸的是，似乎没有办法用单个标签和输入来做到这一点。处理此问题的一种方法是将代码包装在 <ng-container> 标签中，并将 ngIf 移动到该容器中。 这是标签和文本框的示例： <ng-container *ngIf="someBoolean"> <kendo-label [for]="someInput" text="Some Input:"></kendo-label> <kendo-textbox #someInput [(ngModel)]="SomeValue" ></kendo-textbox> </ng-container> <ng-container *ngIf="!someBoolean"> <kendo-label [for]="someInput" text="Some Input:"></kendo-label> <kendo-textbox #someInput [(ngModel)]="SomeOtherValue" ></kendo-textbox> </ng-container>
如何在基本 HTML 元素上使用 Kendo UI 配色方案？
我对前端工作相当陌生。我对 Kendo UI 和前端框架开发是全新的。 我已经安装了适用于 ASP.NET Core 的 Telerik Kendo UI 样式工具并创建了一个新项目。我是