Angular的Kendo UI是Angular 4+的商业UI工具包
我在使用 Kendo Ui Angular 的 kendo-upload 时遇到一个问题。 [saveUrl] 和 [removeUrl] 应在 kendo-upload 中给出。但我将项目分为服务部分和组件部分。我想写...
Kendo tabstrip 包装了一个具有 ID 属性的 < li > 标签。在官方剑道网站中，ID 是一个唯一的字符串 - 'k-tabstrip-tab-' 后跟一个随机字母数字字符串。例如。 'k-
PrimeNG 与 KendoUI for Angular - 技术方面 [已关闭]
在回顾决定选择一个 UI 库而不是另一个 UI 库的主要技术点时，在本例中是 PrimeNG 和 KendoUI for Angular，你们中的任何人是否有机会客观地分析
新的 Angular v17 项目 - PrimeNG 与 KendoUI
我需要您的帮助来为我的 Angular v17 项目选择最佳的 UI 库。 我来自一个使用 AngularJs 和 AngularJs-Bootstrap 组件的旧项目。 我看到了
我有一个 Kendo UI 网格，当我将项目导出到 excel 时，我需要做一些列换行（newsDescription 列）。（在某些列中，我有大量数据，并且在导出的 excel 中用该数据扩展...
Kendo UI for Angular 在不使用 SVG 图标时显示警告
我将 Angular 的 Kendo UI 升级到最新版本，并且在控制台中收到多个警告，如下所示： Kendo UI for Angular：图标类型设置为“svg”，但仅限字体图标 ...
Angular Function Guard 内部的 Kendo 对话框
我正在尝试（没有成功）在 Angular 16 CanActivate 功能防护中实现确认消息。此确认尝试使用 Kendo 对话服务来创建对话框。
Kendo Angular UI - 有什么方法可以保持tilelayout的状态并最初加载它？
我正在尝试实现一个仪表板，用户可以在其中添加/删除和重新排序小部件。 加载持久状态应该不是问题，因为我可以创建如下内容： 我正在尝试实现一个仪表板，用户可以在其中添加/删除和重新排序小部件。 加载持久状态应该不是问题，因为我可以创建这样的东西： <kendo-tilelayout-item *ngFor="let widget of widgets" [title]="widget.title" [col]="widget.col" [order]="widget.order">...</kendo-tilelayout-item> 但是我怎样才能将tilelayout的状态保存到我的模型中呢？ 我尝试了重新排序事件，但我没有任何信息来识别我的小部件模型。 public onReorder(e: TileLayoutReorderEvent): void { // Find the model to persist changes } 我就是这样做的。在 <kendo-tilelayout-item [attr.data-setting]="dataItem.id" 在我的组件中，我保留一个名为“设置”的对象，就像典型的 JS 字典一样使用： settings: any = {}; 当我从 API 调用中获取数据时，我将每个结果作为 ID 属性放回到对象中： // loop results when loading... this.settings[dataItem.id] = dataItem; 然后我就可以处理重新订购事件了： onReorder(e: TileLayoutReorderEvent) { const data: ItemUpdate[] = []; e.items.forEach((item) => { const r = item.elem as ElementRef; const key = r.nativeElement.getAttribute('data-setting'); data.push({ id: this.settings[key].id, col: item.col, row: item.row, colSpan: item.colSpan, rowSpan: item.rowSpan, order: item.order, }); }); // sort the data // call the API to update }
如何在 Angular 中更改 kendo-grid-group-panel 文本“将列标题拖放到此处以按该列分组”
我正在研究角度 Kendo 网格分组功能，我想更改 kendo-grid-group-panel 文本“将列标题拖放到此处以按该列分组”。如何更改该文字？
使用 kendoDataBinding 时访问 Kendo Grid 中 Angular 的过滤记录计数
我在组件中定义了一个剑道网格，如下所示： 显示（总记录数）的（过滤记录数） 我在组件中定义了一个剑道网格，如下所示： <p> Showing (filtered record count) of (total record count) </p> <kendo-grid [kendoGridBinding]="data" [pageSize]="20" [paeable]="pagerSettings" filterable="menu"> </kendo-grid> （寻呼机设置在类似于此的数组中定义页面大小：[5,10,25,100]） 如图所示，我需要显示（并更新）过滤后的记录计数。剑道<pager-info>不符合客户的要求，因为显示器在桌子外面。 使用 [kendoGridBinding] 显示本地数据时，如何访问过滤记录数和总记录数？ 使用时如何访问过滤记录数和总记录数 [kendoGridBinding] 像这样显示本地数据？ 总计数 - 是 data 的长度。您可以在构造函数中初始化它。 过滤计数 - 是 filterBy 返回的数组长度 我在这里创建了一个工作示例https://codesandbox.io/s/blissful-morse-s24jk9?file=/src/app/app.component.ts:477-489
当尝试在角度测试用例中打开剑道对话框时，出现以下异常。 context.js:265 错误 错误： 无法将对话框附加到页面。 添加一个使用 kendoDialogContainer 的元素
Angular2 Kendo-Datepicker - 作为自定义文本输入
是否可以有一个没有“部分”的kendo-datepicker（ddMMyyyy，... - 示例），无限制地编写自定义字符串输入，然后格式化它？ 在剑道日期选择器中可以实现
我正在使用 Kendo Angular 工具提示。虽然顶部的默认定位工作正常，但将其定位在底部时遇到问题，因为工具提示三角形与内容重叠......
FormControl 在第一次触摸时无效，只有在未提供或单击时才需要无效
我有剑道下拉列表 这是查看代码 我有剑道下拉列表 这里是查看代码 <kendo-dropdownlist valueField="id" textField="name" [data]="data" [formControl]="control" [itemDisabled]="isItemDisabled" [valuePrimitive]="valuePrimitive" [filterable]="isFilterChangeObserved" [popupSettings]="popupSettings" (click)="onValueTouched()" (filterChange)="filterChange.emit($event)"> <ng-template kendoDropDownListValueTemplate let-dataItem> <ng-container *ngIf="dataItem; else placeholderTemplate" [ngTemplateOutlet]="customDropDownListValueTemplate ? customDropDownListValueTemplate : defaultDropDownListValueTemplate" [ngTemplateOutletContext]="{$implicit: dataItem}"> </ng-container> <app-clear-button *ngIf="dropdownListElement && control.value && control.disabled === false" [listeningNativeElement]="dropdownListElement.nativeElement" (clear)="onClear()"> </app-clear-button> <ng-template #defaultDropDownListValueTemplate let-dataItem> {{dataItem.name}} </ng-template> <ng-template #placeholderTemplate> <span class="placeholder">{{placeholder ?? 'Select item'}}</span> </ng-template> </ng-template> <ng-template kendoDropDownListNoDataTemplate> <div #dropDownListNoDataTemplate> <ng-content select="[dropDownListNoData]"></ng-content> </div> <!-- // NOTE: check if ng-content provided --> <div *ngIf="!dropDownListNoDataTemplate.childElementCount">No data found</div> </ng-template> <ng-template *ngIf="customDropDownListItemTemplate" kendoDropDownListItemTemplate let-dataItem> <ng-container *ngTemplateOutlet="customDropDownListItemTemplate; context:{ $implicit: dataItem }"></ng-container> </ng-template> </kendo-dropdownlist> 组件代码 export abstract class DropdownBaseComponent<T extends IDataItem | number | string> { @Input() public control!: FormControl; @Input() public placeholder: string; @Output() public readonly filterChange = new EventEmitter<string>(); @Output() public readonly valueChange = new EventEmitter<T>(); @ViewChild(DropDownListComponent, { static: true, read: ElementRef }) public dropdownListElement!: ElementRef; @ContentChild(DropdownListValueTemplateDirective, { static: true, read: TemplateRef }) public customDropDownListValueTemplate!: TemplateRef<DropdownListValueTemplateDirective>; @ContentChild(DropdownListItemTemplateDirective, { static: true, read: TemplateRef }) public customDropDownListItemTemplate!: TemplateRef<DropdownListItemTemplateDirective>; public get isFilterChangeObserved(): boolean { return this.filterChange.observers.length > 0; } public readonly popupSettings: PopupSettings = { popupClass: 'h-combobox-popup' }; public valuePrimitive = false; public isItemDisabled: ItemDisabledFn = () => false; public onValueTouched(): void { console.log(this.control); this.control.markAsTouched(); } public onClear(): void { this.control.setValue(null); } } 现在当我点击下拉菜单时，它突出显示为红色 我需要突出显示它，只有在未选择值且下拉列表关闭时
基于 rowcell 值的 Kendo-Grid UI 启用/禁用按钮 - Angular
我正在使用其中一列中带有下载按钮的 Kendo-Grid。 我想根据行的单元格值启用或禁用按钮。 这是我在 html 中的剑道网格 我正在使用其中一列中带有下载按钮的 Kendo-Grid。 我想根据行的单元格值启用或禁用按钮。 这是我在 html 中的剑道网格 <kendo-grid [kendoGridBinding]="engagementData" [resizable]="true" [sortable]="true" [pageable]="true" [pageSize]="10"> <kendo-grid-column field="Engagement" title="Engagement" [width]="150" value="value" [filterable]="true"> <ng-template kendoGridFilterCellTemplate let-filter let-column="column"> <kendo-grid-string-filter-cell [column]="column" [filter]="filter"> </kendo-grid-string-filter-cell> </ng-template> </kendo-grid-column> <kendo-grid-column field="ExtractionStatus" title="Overall Extraction Status" [width]="120"> <ng-template kendoGridFilterCellTemplate let-filter let-column="column"> <kendo-grid-string-filter-cell [column]="column" [filter]="filter"> </kendo-grid-string-filter-cell> </ng-template> </kendo-grid-column> <kendo-grid-column field="ExtractionStatus" title="Action" [width]="120" value="value" [filterable]="false"> <ng-template kendoGridCellTemplate let-dataItem="dataItem" let-rowIndex="rowIndex"> <strong><button (click) = "parentDownloadClick()" style="color: #007bff;cursor: pointer;" [disabled] = "engagementData.ExtractionStatus == 'In Progress'">Download</button></strong> </ng-template> </kendo-grid-column> 我正在使用下面的代码来禁用按钮 [disabled] = "engagementData.ExtractionStatus == 'In Progress'" 但是我得到一个编译错误'Property 'ExtractionStatus' does not exist on type 'ItransactionDetails[]'' 这是我的 ITransactionDetails 的样子，它是 engagementData 的数据类型。 export interface ItransactionDetails { TransactionID: string; Engagement: string; ExtractionStatus: string; } 如何读取单元格值以禁用/启用按钮？ 或者有更好的方法吗？ 有人可以帮我解决我可能遗漏的问题吗？
如果当前页面没有搜索值，角剑道网格不会在过滤器更改事件上加载数据
我有一个包含几页的网格。假设第一页上有一个项目“Decaffe”，我打开了第二页。 然后我应用过滤器，通过使用 onFilter 事件，通过输入单词“Deacaffe&
如何有条件地在剑道角文本框上显示清除按钮？另外，有人可以给我 clearButtonIcon 属性的示例输入吗？我尝试设置 [clearButtonIcon]='k-i-x'...
Angular2 - 剑道网格 kendoGridCellTemplate
我有一个带有分页和 kendo-grid-checkbox-column 的 Kendo-Grid， 我希望能够根据后端数据检查复选框。 虽然它似乎不可能使用 [
https:/demos.telerik.comkendo-uifilter我想在字段下拉中添加搜索，因为我有大量的记录。有没有什么办法，我们可以实现这一点。...
使用kendoGridFilterMenuTemplate和定制的kendoGridCellTemplate的KendoGrid过滤器。
我试图在KendoGrid列中过滤日期，当使用文档中的默认模板field="someval "时，它可以工作。但我想用管道自定义someVal，然后有...。