kendo-ui 相关问题

我创建了一个启用多选的剑道网格：我创建了一个启用多选的剑道网格： <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 然后我们将其删除，并且它没有对网格造成任何问题。添加更多功能后，全选停止工作。重新添加更改检测后，它再次开始工作。不知道为什么或什么影响它停止工作。

angular kendo-ui kendo-grid

回答 2 投票 0

Telerik Blazor GridCommandButton 不起作用

我一直在与 Blazor 和 Telerik 合作，我似乎有网格显示数据，CSS 看起来不错，但主要使用来自 Telerik 示例的代码，我对它的工作量感到惊讶......

kendo-ui blazor telerik kendo-grid telerik-grid

回答 1 投票 0

日期计时器选择器 - 时区偏移抑制

我在 Kendo 表单中使用 Kendo UI 日期（时间）选择器时遇到了一些大问题。（在 Kendo Grid Popup 中，Date(Time)Picker 的行为有所不同，并且不添加时区偏移量）问题是，那个客户...

user-interface kendo-ui datetimepicker timezone-offset

回答 1 投票 0

剑道网格分页不起作用

如何在剑道网格的总属性中分配行数？我使用json来填充数据： if ($结果 = mysqli_query($con,$sql)) { while($obj = mysqli_fetch_object($result)) { $arr...

php pagination kendo-ui kendo-grid

回答 1 投票 0

在 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>  <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>  <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>  @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> 无法正常工作。我的意思是组合框什么也没显示。但如果我输入以下脚本：  <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>

html asp.net-core kendo-ui

回答 1 投票 0

调整水平资源分组中的标题与会者姓名 Kendo UI Scheduler

我正在使用 Kendo UI Scheduler 中的水平资源分组，我想将标题与会者姓名调整为与自动换行 CSS 属性相同，以便姓氏出现在第二行。请...

kendo-ui scheduler

回答 1 投票 0

kendo-ui 相关问题

最新问题