kendo-ui 相关问题

在 razor 页面的 OnGet 中使用 async/await 会导致控件加载不可靠吗？

我将剃刀页面的 OnGet 切换为异步，我注意到我的一些控件将不再可靠地加载。 我的页面上有一个剑道多选，一旦我切换到异步，它只会加载...

KendoPanelBar PreventDefault

我在理解 PreventDefault 函数如何工作时遇到问题。 我创建了一个简单的 jsfiddle，但是选择和扩展仍然有效并且没有被阻止。 http://jsfiddle.net/XRfKb/15/ 任何他...

从 v2014.3.1314 更新到 v2024.1.319 后，Kendo UI 的 jQuery 行选择问题

我目前正在项目中将 Kendo UI for jQuery 从版本 v2014.3.1314 更新到 v2024.1.319。更新后，我遇到了网格中行选择的问题。 var row = $(this).closest...

KendoUI Angular 17 - NG0300：多个组件将节点与标记名按钮匹配

我有不同的组件，我在命令列中使用带有删除按钮的 KendoUI Angular Grid： 我有不同的组件，我在命令列中使用带有删除按钮的 KendoUI Angular Grid： <kendo-grid-command-column [width]="40"> <ng-template kendoGridCellTemplate let-dataItem> <button class="outgoing-delete-button" id="gridDeleteButton" kendoButton themeColor="primary" fillMode="clear" kendoGridRemoveCommand onClick="event.stopPropagation()" > <i class="fa fa-trash" aria-hidden="true"></i>&nbsp; </button> </ng-template> </kendo-grid-command-column> 我使用 npm-check-updates 来更新 @progress 组件，这是我的 package.json: "dependencies": { "@angular/animations": "~17.3.7", "@angular/common": "~17.3.7", "@angular/compiler": "~17.3.7", "@angular/core": "~17.3.7", "@angular/forms": "~17.3.7", "@angular/localize": "~17.3.7", "@angular/platform-browser": "~17.3.7", "@angular/platform-browser-dynamic": "~17.3.7", "@angular/platform-server": "~17.3.7", "@angular/router": "~17.3.7", "@fortawesome/angular-fontawesome": "^0.14.1", "@fortawesome/fontawesome-common-types": "^6.5.2", "@fortawesome/fontawesome-svg-core": "^6.5.2", "@ngx-translate/core": "^15.0.0", "@ngx-translate/http-loader": "^8.0.0", "@progress/kendo-angular-buttons": "^15.5.0", "@progress/kendo-angular-common": "^15.5.0", "@progress/kendo-angular-dateinputs": "^15.5.0", "@progress/kendo-angular-dialog": "^15.5.0", "@progress/kendo-angular-dropdowns": "^15.5.0", "@progress/kendo-angular-excel-export": "^15.5.0", "@progress/kendo-angular-grid": "^15.5.0", "@progress/kendo-angular-icons": "^15.5.0", "@progress/kendo-angular-indicators": "^15.5.0", "@progress/kendo-angular-inputs": "^15.5.0", "@progress/kendo-angular-intl": "^15.5.0", "@progress/kendo-angular-l10n": "^15.5.0", "@progress/kendo-angular-label": "^15.5.0", "@progress/kendo-angular-layout": "^15.5.0", "@progress/kendo-angular-listview": "^15.5.0", "@progress/kendo-angular-menu": "^15.5.0", "@progress/kendo-angular-navigation": "^15.5.0", "@progress/kendo-angular-notification": "^15.5.0", "@progress/kendo-angular-pdf-export": "^15.5.0", "@progress/kendo-angular-popup": "^15.5.0", "@progress/kendo-angular-progressbar": "^15.5.0", "@progress/kendo-angular-ripple": "^15.5.0", "@progress/kendo-angular-tooltip": "^15.5.0", "@progress/kendo-angular-treeview": "^15.5.0", "@progress/kendo-data-query": "^1.7.0", "@progress/kendo-drawing": "^1.20.1", "@progress/kendo-licensing": "^1.3.5", "@progress/kendo-svg-icons": "^2.3.0", "@progress/kendo-theme-default": "^7.2.1", "@types/lodash": "^4.17.1", "angular-oauth2-oidc": "^17.0.2", "bootstrap": "^5.3.3", "cldr-core": "^45.0.0", "cldr-dates-full": "^45.0.0", "cldr-numbers-full": "^45.0.0", "jquery": "^3.7.1", "kendo-ui-license": "^1.0.1", "locale-codes": "^1.3.1", "npm-check-updates": "^16.14.20", "oidc-client": "^1.11.5", "popper.js": "^1.16.0", "run-script-os": "^1.1.6", "rxjs": "~7.8.1", "zone.js": "~0.14.5" }, "devDependencies": { "@angular-devkit/build-angular": "~17.3.6", "@angular-eslint/builder": "17.3.0", "@angular-eslint/eslint-plugin": "17.3.0", "@angular-eslint/eslint-plugin-template": "17.3.0", "@angular-eslint/schematics": "17.3.0", "@angular-eslint/template-parser": "17.3.0", "@angular/cli": "~17.3.6", "@angular/compiler-cli": "~17.3.7", "@types/jasmine": "~5.1.4", "@types/jasminewd2": "~2.0.13", "@types/jquery": "^3.5.29", "@types/node": "^20.12.8", "@typescript-eslint/eslint-plugin": "^7.8.0", "@typescript-eslint/parser": "^7.8.0", "eslint": "^9.2.0", "jasmine-core": "~5.1.2", "karma": "~6.4.3", "karma-chrome-launcher": "~3.2.0", "karma-coverage": "~2.2.1", "karma-jasmine": "~5.1.0", "karma-jasmine-html-reporter": "^2.1.0", "ngx-translate-testing": "^7.0.0", "tslib": "^2.6.2", "typescript": "^5.4.5" } 自从我将应用程序升级到 Angular 版本“17.3.7”并将 @progress 组件升级到版本“15.5.0”后，我收到此错误。我正在努力解决这个问题，请帮忙。 Error: NG0300: Multiple components match node with tagname button: ButtonComponent and RemoveCommandDirective. Find more at https://angular.io/errors/NG0300 at throwMultipleComponentError (core.mjs:9916:11) at findDirectiveDefMatches (core.mjs:11970:29) at resolveDirectives (core.mjs:11770:29) at elementStartFirstCreatePass (core.mjs:22977:5) at Module.ɵɵelementStart (core.mjs:23013:9) at Component_ng_template_32_Template (component.html:189:9) at executeTemplate (core.mjs:11268:9) at renderView (core.mjs:12470:13) at createAndRenderEmbeddedLView (core.mjs:12540:9) at TemplateRef.createEmbeddedViewImpl (core.mjs:13393:31) 我通过删除触发网格的内置事件删除的命令指令kendoGridRemoveCommand来修复错误，并将其替换为带有单击事件的简单按钮。 <kendo-grid-command-column [width]="40"> <ng-template kendoGridCellTemplate let-dataItem> <button id="gridDeleteButton" kendoButton themeColor="primary" fillMode="clear" [disabled]="appUser.hasStatRole" (click)="onDelete($event, dataItem.requestId)" > <i class="fa fa-trash" aria-hidden="true"></i>&nbsp; </button> </ng-template> </kendo-grid-command-column>

package.json 用于角度 17

我已经完成了从角度 16 到 17 的版本，但没有成功。我希望你能帮忙。现在是 package.json 文件。 “依赖项”：{ “@角度/动画”：“^17.3.4...

Telerik Kendo MVC TabStrip - 如何在加载部分视图时设置焦点

我有一个带有部分视图的剑道选项卡。当我单击选项卡时，将加载部分视图。但我需要将 focus() 和/或 tabindex 设置为部分视图中的特定元素，以供考试......

在 Kendo Angular Grid 中对列菜单进行排序

我可以使用 Jquery 对 Kendo Grid 中的列菜单进行排序，如下所示 $("#grid").kendoGrid({ 列： [ { 字段：“姓名” }, { 字段：“年龄”...</desc> <question vote="0"> <p>我可以使用 Jquery 对 Kendo Grid 中的列菜单进行排序，如下所示</p> <pre><code> &lt;script&gt; $(&#34;#grid&#34;).kendoGrid({ columns: [ { field: &#34;name&#34; }, { field: &#34;age&#34; }, { field: &#34;city&#34; } ], **columnMenu: { columns: { sort: &#39;asc&#39; } },** sortable: true, dataSource: [ { name: &#34;Jane Doe&#34;, age: 30, city: &#34;London&#34; }, { name: &#34;John Doe&#34;, age: 33, city: &#34;Madrid&#34; } ] }); &lt;/script&gt; </code></pre> <p>但我不知道我们如何在 Kendo Angular 网格中做同样的事情？任何人都可以帮助以角度实现这一点吗？</p> </question> <answer tick="false" vote="0"> <p>我能够解决这个问题。以下是解决方案：</p> <p>模板代码</p> <pre><code>&lt;ng-template kendoGridColumnMenuTemplate let-service=&#34;service&#34;&gt; &lt;kendo-grid-columnmenu-sort [service]=&#34;service&#34;&gt;&lt;/kendo-grid-columnmenu-sort&gt; &lt;kendo-grid-columnmenu-filter [service]=&#34;service&#34;&gt;&lt;/kendo-grid-columnmenu-filter&gt; &lt;div class=&#34;dropdown&#34;&gt; &lt;div class=&#34;dropbtn&#34;&gt;Columns&lt;/div&gt; &lt;div class=&#34;dropdown-content&#34;&gt; &lt;div style=&#34;height: 200px; overflow-y: auto&#34;&gt; &lt;div *ngFor=&#34;let col of columns; let i = index&#34;&gt; &lt;div class=&#34;k-column-list-item&#34;&gt; &lt;input type=&#34;checkbox&#34; kendoCheckBox [(ngModel)]=&#34;col.hidden&#34; (click)=&#34;columnClicked(i)&#34;&gt;{{ col.title }} &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;div style=&#34;padding: 6px&#34;&gt; &lt;button style=&#34;margin: 2px&#34; kendoButton type=&#34;button&#34; (click)=&#34;resetCheckboxes()&#34;&gt; &lt;span&gt;Reset&lt;/span&gt; &lt;/button&gt; &lt;button style=&#34;margin: 2px&#34; kendoButton type=&#34;button&#34; (click)=&#34;applyColumnChooser()&#34;&gt; &lt;span&gt;Apply&lt;/span&gt; &lt;/button&gt; &lt;/div&gt; &lt;/div&gt; &lt;/div&gt; &lt;/ng-template&gt; </code></pre> <p>代码：</p> <pre><code>sortColumnChooser() { this.columns = this.defaultGridSettings.columns.slice().sort((a, b) =&gt; a.title.localeCompare(b.title)) .map(column =&gt; ({ field: column.field, hidden: !column.hidden, title: column.title })); this.originalCheckboxes = this.columns.map(col =&gt; col.hidden); }columnClicked(columnIndex: number) { var field = this.columns[columnIndex].field; if (!this.columnFields.find(item =&gt; item.field === field)) { this.columnFields.push({ field: field }); } } applyColumnChooser() { this.columnFields.forEach(column =&gt; { let gridColumn = this.gridSettings.columns.findIndex((col) =&gt; col.field === column.field); if (gridColumn !== -1) { this.gridSettings.columns[gridColumn].hidden = !this.gridSettings.columns[gridColumn].hidden; } }); this.originalCheckboxes = []; this.sortColumnChooser(); this.extended = true; if(this.columnFields.length !== 0){ this.refresh(); } this.columnFields = []; } resetCheckboxes(): void { this.columns.forEach((col, index) =&gt; { col.hidden = this.originalCheckboxes[index]; }); this.columnFields = [];} </code></pre> <p>我在<strong>ngOnInit</strong><strong>中调用了方法</strong>sortColumnChooser()</p> </answer> </body></html>

Angular 17 - 无法绑定到“routerLink”，因为它不是“a”的已知属性

自从我将 Angular 升级到版本 17 以来，我收到此错误，我在项目的根目录导入 RouterModule，它在升级之前工作正常，但我没有找到如何修复此错误。可以...

如何区分 Kendo UI（服务器）和 Kendo UI（客户端）？

我正在使用ASP.Net Core 6。我被迫使用Kendo UI来构建表格（Grid）。 Kendo UI 有 2 种“风格”： 我所说的“服务器”： @(Html.Kendo().Grid().Name...

升级到 Angular 17 - 错误：node_modules/@types/node/globals.d.ts:72:13 - 错误 TS2403：后续变量声明必须具有相同的类型

我按照此处的步骤 https://update.angular.io/?v=16.0-17.0 将 Angular 从版本 16 升级到 17，并更新了我所知道的所有依赖项以升级 Angular 17 版本。 我更新了@angular-eslint/

ListBox 小部件移动未定义的项目

我正在使用 Kendo-UI for jQuery，版本 2021.1.119。 我遇到的问题是，我可以初始化 ListBox 小部件并显示初始状态，但是当我尝试从一个 ListB 中移动一项时...

我不知道如何使用 Kendo 组件在我的 View mvc 视图中添加下拉菜单、图像、复选框和单选按钮

我正在开发 ASP.NET MVC 应用程序，我希望通过添加图像上传功能以将图像存储在数据库表中来增强用户体验。另外，我想加入

如何在我的剑道网格中添加其他表格的下拉菜单

所以我想下拉其他表中存在的项目，并且我希望使用 asp.net Mvc 将它们放在我的剑道网格中，那么我该怎么做呢？ 我尝试从

剑道组织图选择连续射击

编辑：我已经缩小了我认为正在发生的事情的范围。当弹出警报时（或者在我的实际用例中，我发布到打开新页面的表单），选择事件将重新触发。 我有一个基本的 Kendo Org C...

将 Kendo Grid 列显示为日期时间，但在过滤时忽略时间

我有一个 Kendo 网格和一列“销售时间”，显示为 MM/dd/yyyy HH:mm a (1/3/2015 2:34 PM)。 现在我希望能够仅按日期进行过滤，忽略时间。但默认情况下，过滤器看起来...

在响应列模板中显示外键字段

我有一个剑道网格，其字段如下： columns.Bound(p => p.FlightID).Visible(false); columns.Bound(p => p.FlightDate).Format("{0:d}").Media("(最小宽度：450px)"); 科鲁...

格式化日期以更正React中的日期格式

我目前正在使用 React Kendo Grid，它通过 API 填充数据。其中一列是日期，填充的数据格式如下： 2022-02-11T15:50:51.000+00:00 我尝试...

我在 Kendo 日期和时间选择器中得到了错误的时间

当我设置时间时，我得到了错误的日期，例如。如果我选择时间为 19:51:30 pm，那么我将得到 07:51:30 am。但我想要同样的时间，我选择但没有得到。 我尝试了所有的事情

带有下拉菜单的剑道网格行

我是 Kendo 网格的新手，使用 Kendo for JQuery 作为 C# MVC 项目的一部分。 目前，我有一个网格，允许用户通过输入数字/文本来编辑它。 新要求是添加是/否或 T...

Kendo UI 富文本编辑器本地化：段落和标题未翻译

我们开始将 Kendo UI for Vue HTML Editor 用于支持多种语言的应用程序。 我注意到翻译段落和标题会很好。目前，段落...