Kendo UI是构建HTML UI的框架。它通过一个集成的紧凑型软件包提供客户端,jQuery驱动开发所需的一切,并与AngularJS集成。
如何将标签的“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 样式工具并创建了一个新项目。我是
选择 k-kendo-dropdown 网格的数据源有两个值,如下所示: {desc:'零',值:'0'} {desc:'一',值:'1'} 即使 k-ng-model 的值为 0,也不会选择零。 如果...
我有 3 列,因此有 3 个单元格,其中有一个按钮。 单击按钮我想打开/关闭详细模板 左侧没有 + 图标 HTML: 我有 3 列,因此有 3 个单元格,其中有一个按钮。 单击按钮我想打开/关闭详细模板 左侧没有 + 图标 HTML: <kendo-grid-column field="info" title="info"> <ng-template kendoGridCellTemplate let-dataItem> <button mat-button (click)="clickInfoCell()"> </button> </ng-template> </kendo-grid-column> <ng-template kendoGridDetailTemplate let-dataItem let-rowIndex="rowIndex"> // DETAIL TEMPLATE BODY </ng-template> TS: public onCellClick(event: CellClickEvent){ this.myEvent= event; } //toggleTemplate public clickInfoCell(){ //Close previous template //Open detail template } 谢谢 实际上有一个内置机制,具有用于此目的的专用指令。 模板: <kendo-grid [kendoGridBinding]="gridView" [kendoGridExpandDetailsBy]="expandDetailsBy" [(expandedDetailKeys)]="expandedDetailKeys" ></kendo-grid> 成分: public expandedDetailKeys: any[] = [1]; public expandDetailsBy = (dataItem: any): any => { return dataItem.ProductID; }; 您可以在此处阅读有关机制的信息。 您可以在 StackBlitz 此处查看工作演示。
Kendo Upload - 调用 uploadFiles 似乎没有做任何事情
我正在尝试在我们的剑道上传组件之上实现一个小功能。这个想法是,如果用户选择上传新文件,则会出现提示,警告他们它将覆盖他们的cu...
复选框按钮,则应勾选所有其他复选框,如果所有复选框均已勾选,并且我删除勾选,则完整复选框取消勾选
如果我单击完整复选框按钮,则应勾选所有其他复选框,如果所有复选框均已勾选,并且我删除勾选,则取消勾选完整复选框,同时取消勾选该复选框。
我正在使用剑道调度程序。 调度程序网格中添加了事件。 当鼠标悬停在每个事件上时,右上角会出现一个小 (x)。即销毁该事件的事件,当单击时...
我不确定这是否可能,但对于我使用 Kendo UI 和 ASP.Net MVC 创建的仪表板来说,这将是一件非常酷的事情。 所以本质上我想做的是当用户
在kendoTreeViewNodeTemplate(Angular)中设置数据项的样式
因此,对于我的 Angular 应用程序,我使用 Kendo-TreeView 组件创建了一个菜单生成器。 我希望节点的操作按钮能够在右侧很好地对齐,如您所见......
我搜索数据,然后绑定到我的网格。在网格的数据绑定事件中,我根据单元格的值更改行背景颜色。这工作正常。但是当我单击网格中的“编辑”按钮时...
var jsonDataParent = @Html.Raw(Model.TrailerModelTreeViewModel.JsonTreeDataBrand); var jsonDataChild = @Html.Raw(Model.TrailerModelTreeViewModel.JsonTreeDataModel); var kendoTreeData = 新剑道...
如何以编程方式更改 Angular Kendo UI 网格页面索引?
这个问题是 8 年前提出的,但是 Kendo UI 网格已经发展并且现在支持 Angular。原始问题的答案不适用于 Kendo Grid Angular。 我有剑道网格...
Telerik Kendo 新手,遇到了一个愚蠢的场景,但一直让我抓狂。 无论我做什么,剑道网格根本不会填充数据。 下面是显示测试数据的 Razor 页面...
我有一个简单的应用程序,其中显示剑道菜单,页面上有一些文本内容。问题是,当菜单显示时,它仍然显示其后面的文本内容,如......
Kendo for Angular 是否支持最近 Angular 版本中引入的 @defer 语法? 在我的生产版本中,我的 main.js 版本为 2.1mb(在开发版本中,vendor.js 为 12.1mb)。而且我的速度很慢
如何使用 ID 参数作为容器将多个文件上传到 Azure Blob 存储?
我已在 Azure 上创建了一个存储帐户,用于上传文件。 我正在使用 KenoUI 异步上传小部件,它允许多个文件上传。 我想做的是让系统创建一个容器......
我一直在使用剑道网格,我们对网格进行了一些增强。我们将columnMenu设置为true,其中“过滤器”选项将显示为菜单之一。所以当我点击过滤器时...
我准备好喜欢数据表用于行顺序的样式,但我有 Kendo 网格,想看看我是否可以设计类似于蓝色粗体的样式。任何帮助都会很棒。 让网格 = $("#
与 Angular kendo 图表的类别字段绑定对象时出现问题
对于剑道图表,当我将对象值与 'categoryField' 绑定时,图表无法正确呈现 在这里我用条形图演示了这一点: https://stackblitz.com/edit/angular-oykufy
这就是到目前为止所拥有的。 函数获取最高值(){ var 数组数据 = []; var data = $("#QuarterlyBucketsGrid").data("kendoGrid").dataSource.data(); 对于 (i = 0; i < data.length; i++) {...