kendo-ui 相关问题

Kendo UI是构建HTML UI的框架。它通过一个集成的紧凑型软件包提供客户端，jQuery驱动开发所需的一切，并与AngularJS集成。

当模板被使用时，Kendo TreeView 的 findByText 不起作用

我使用kendo模板渲染了Kendo树视图，如下所示： $("#TradingTreeView").kendoTreeView({ 按需加载：假，模板：kendo.template($("#TreeView-template").html()) ...

javascript kendo-ui kendo-treeview

回答 1 投票 0

在两页之间选择相应的剑道行

我在仪表板页面上有一个剑道网格，当选择网格中的一行时，需要加载不同票证页面上剑道网格中的同一行以显示该票证信息。这里是...

javascript html jquery kendo-ui kendo-grid

回答 1 投票 0

如何强制 Kendo UI Map 中的图块图层重新加载其图块？

我有一个 Web 应用程序，它使用 Kendo UI Map 显示地理地图，另外 2 个图层显示地理围栏和标记（气泡）。这些图块通常由 Google 提供，但也有其他

c# kendo-ui

回答 1 投票 0

如何在 Kendo NumericTextBox 中禁用小数

<kendo-numerictextbox id="example1" name="example1" value="@Model.Example1" min="0" format="n0" decimals="0" data-bind="value: Example1" class="form-control" disabled="@isDisabled" placeholder="0" auto-bind="true"></kendo-numerictextbox> 我不需要上述输入的任何小数。我尝试了几种限制小数的方法，但遗憾的是没有任何效果。尝试了以下方法：格式=“n0” 小数=“0” restrictDecimals=“true” 但是，用户仍然可以输入小数及其后面的值。它可以使用 SetOptions 方法工作。

razor kendo-ui kendo-asp.net-mvc

回答 1 投票 0

在 MVC 应用程序中的 Kendo UI 折线图中绘制趋势线时，指定的日期无法正确显示

在 MVC 应用程序中的 Kendo UI 折线图中绘制趋势线时，指定的日期显示不正确；相反，它只显示该月的第一个日期。函数返回va...

date charts kendo-ui trend

回答 1 投票 0

自动填充和匹配 Angular 选项字段中的文本

我正在创建一个输入字段，它会自动完成输入字段内文本的剩余部分，并在选择选项中的输入字段下方显示建议。现在我想要在打字时...

angular kendo-ui autofill autosuggest mat-select

回答 1 投票 0

我可以在仪表板的每个页面上动态添加 amcharts，其中我有多个页面和多个小部件吗？

我有仪表板，我可以在其中添加遵循选项卡集结构的多个页面和小部件。 Widget 包括 amcharts、库图表。在默认页面 amchart 正确呈现，但是当我

typescript kendo-ui angular11 amcharts4

回答 1 投票 0

Kendo UI React Scheduler 上的日期格式

我尝试在我的 React js 项目上使用 KendoUI React Scheduler，但我偶然发现了如何将开始和结束日期格式化为 dd/mm/yyyy。我浏览了 KendoUI 网站和文档，但我找不到

reactjs date kendo-ui format scheduler

回答 1 投票 0

Kendo UI TabStrip 中的布局不正确

我制作了一个布局，想将其放入 Kendo UI TabStrip 中，但是当我这样做时，布局完全乱了。我尝试从 tabstrip 内容中删除 16px 填充，但没有 ava...

css kendo-ui kendo-tabstrip

回答 1 投票 0

更新 Kendo 和 Angular 14 后不显示 Kendo 图标

我的 Kendo 图标（k-icon k-i-menu 等）有问题，在 Kendo 和 Angular 最新更新到 Angular 14 后，这些图标现在不再显示。这就是所显示的内容（只是矩形），它是...

angular kendo-ui icons

回答 2 投票 0

以编程方式更改kendoswitch时，标签不会更改

我将 KendoSwitch 设置为“打开”。我运行下面的代码，它的检查状态确实变为 false，但标签没有改变。我希望它会说“关闭”。我无法锻炼...

kendo-ui kendo-asp.net-mvc

回答 1 投票 0

Kendo 下拉列表：设置不是来自下拉列表的初始值

我正在用图标实现一个下拉列表。它与此类似 https://demos.telerik.com/aspnet-mvc/dropdownlist/template this.createDropdownList('iconField', this._services.getNames, {

javascript kendo-ui kendo-dropdown

回答 1 投票 0

Kendo-pdf-export 未按正确的顺序渲染字符？

我使用.ttf格式的unicode非英文字体导出到Angular的.scss文件。在网页中获取字体系列，但是当我使用 kendo-pdf-export 导出时，它的格式不正确...

javascript angular pdf kendo-ui frontend

回答 1 投票 0

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

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

asp.net-core kendo-ui kendo-asp.net-mvc kendo-asp.net-core

回答 1 投票 0

KendoPanelBar PreventDefault

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

javascript kendo-ui

回答 3 投票 0

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

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

jquery kendo-ui grid

回答 1 投票 0

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>  </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>  </button> </ng-template> </kendo-grid-command-column>

angular kendo-ui kendo-grid

回答 1 投票 0

package.json 用于角度 17

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

angular kendo-ui package.json

回答 1 投票 0

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

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

kendo-ui

回答 1 投票 0

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

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

angular kendo-ui kendo-grid

回答 0 投票 0

kendo-ui 相关问题

最新问题