kendo-ui 相关问题

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>

回答 1 投票 0

如何在基本 HTML 元素上使用 Kendo UI 配色方案?

我对前端工作相当陌生。我对 Kendo UI 和前端框架开发是全新的。 我已经安装了适用于 ASP.NET Core 的 Telerik Kendo UI 样式工具并创建了一个新项目。我是

回答 1 投票 0

在剑道下拉列表中选择值为“0”的项目

选择 k-kendo-dropdown 网格的数据源有两个值,如下所示: {desc:'零',值:'0'} {desc:'一',值:'1'} 即使 k-ng-model 的值为 0,也不会选择零。 如果...

回答 2 投票 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 此处查看工作演示。

回答 1 投票 0

Kendo Upload - 调用 uploadFiles 似乎没有做任何事情

我正在尝试在我们的剑道上传组件之上实现一个小功能。这个想法是,如果用户选择上传新文件,则会出现提示,警告他们它将覆盖他们的cu...

回答 1 投票 0

复选框按钮,则应勾选所有其他复选框,如果所有复选框均已勾选,并且我删除勾选,则完整复选框取消勾选

如果我单击完整复选框按钮,则应勾选所有其他复选框,如果所有复选框均已勾选,并且我删除勾选,则取消勾选完整复选框,同时取消勾选该复选框。

回答 1 投票 0

在kendo调度程序中处理销毁事件

我正在使用剑道调度程序。 调度程序网格中添加了事件。 当鼠标悬停在每个事件上时,右上角会出现一个小 (x)。即销毁该事件的事件,当单击时...

回答 2 投票 0

ASP.Net MVC 使导航栏在全屏模式下消失

我不确定这是否可能,但对于我使用 Kendo UI 和 ASP.Net MVC 创建的仪表板来说,这将是一件非常酷的事情。 所以本质上我想做的是当用户

回答 1 投票 0

在kendoTreeViewNodeTemplate(Angular)中设置数据项的样式

因此,对于我的 Angular 应用程序,我使用 Kendo-TreeView 组件创建了一个菜单生成器。 我希望节点的操作按钮能够在右侧很好地对齐,如您所见......

回答 1 投票 0

如何防止取消事件更改我的网格行颜色?

我搜索数据,然后绑定到我的网格。在网格的数据绑定事件中,我根据单元格的值更改行背景颜色。这工作正常。但是当我单击网格中的“编辑”按钮时...

回答 5 投票 0

kendo treeview结构如何实现延迟加载?

var jsonDataParent = @Html.Raw(Model.TrailerModelTreeViewModel.JsonTreeDataBrand); var jsonDataChild = @Html.Raw(Model.TrailerModelTreeViewModel.JsonTreeDataModel); var kendoTreeData = 新剑道...

回答 1 投票 0

如何以编程方式更改 Angular Kendo UI 网格页面索引?

这个问题是 8 年前提出的,但是 Kendo UI 网格已经发展并且现在支持 Angular。原始问题的答案不适用于 Kendo Grid Angular。 我有剑道网格...

回答 3 投票 0

Kendo Grid 未绑定到数据(使用剃刀页面)

Telerik Kendo 新手,遇到了一个愚蠢的场景,但一直让我抓狂。 无论我做什么,剑道网格根本不会填充数据。 下面是显示测试数据的 Razor 页面...

回答 1 投票 0

为什么剑道菜单显示重叠文本?

我有一个简单的应用程序,其中显示剑道菜单,页面上有一些文本内容。问题是,当菜单显示时,它仍然显示其后面的文本内容,如......

回答 1 投票 0

Kendo 角度和可延迟视图

Kendo for Angular 是否支持最近 Angular 版本中引入的 @defer 语法? 在我的生产版本中,我的 main.js 版本为 2.1mb(在开发版本中,vendor.js 为 12.1mb)。而且我的速度很慢

回答 1 投票 0

如何使用 ID 参数作为容器将多个文件上传到 Azure Blob 存储?

我已在 Azure 上创建了一个存储帐户,用于上传文件。 我正在使用 KenoUI 异步上传小部件,它允许多个文件上传。 我想做的是让系统创建一个容器......

回答 3 投票 0

Kendo 列菜单 - 日期列的自定义过滤器

我一直在使用剑道网格,我们对网格进行了一些增强。我们将columnMenu设置为true,其中“过滤器”选项将显示为菜单之一。所以当我点击过滤器时...

回答 1 投票 0

Kendo 风格网格可拖动项目类似于数据表

我准备好喜欢数据表用于行顺序的样式,但我有 Kendo 网格,想看看我是否可以设计类似于蓝色粗体的样式。任何帮助都会很棒。 让网格 = $("#

回答 1 投票 0

与 Angular kendo 图表的类别字段绑定对象时出现问题

对于剑道图表,当我将对象值与 'categoryField' 绑定时,图表无法正确呈现 在这里我用条形图演示了这一点: https://stackblitz.com/edit/angular-oykufy

回答 1 投票 0

Kendo 网格中数据集的最高值

这就是到目前为止所拥有的。 函数获取最高值(){ var 数组数据 = []; var data = $("#QuarterlyBucketsGrid").data("kendoGrid").dataSource.data(); 对于 (i = 0; i < data.length; i++) {...

回答 2 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.