问题标签 [clarity]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
703 浏览

css - stackview中的Clarity Modal与UI元素重叠

我有一个清晰模式,它位于堆栈块内容下。当我打开此模式时,它会与所有其他 UI 元素重叠。

我尝试将 z-index 设置为非常大的数字,但仍然无效。

任何人都可以帮我离开那里。这是我的堆栈闪电战: https ://stackblitz.com/edit/clarity-datagrid-basic-eruq88

在 chrome 开发人员工具中,如果我从 stack-view 禁用 -webkit-mask-image 属性,它工作得很好。但是在我的代码中,当我覆盖堆栈视图类时它不起作用。 在此处输入图像描述

0 投票
4 回答
2090 浏览

angular - 如何在 Angular 中为 Clarity Datepicker 设置默认值

我目前有一个带有 .Net core 2.0 的 Angular 7 项目,如果项目我使用 Clarity 组件,则用于样式设置。

有谁知道如何为清晰度日期选择器设置默认值?

(我在 Angular 中使用反应式表单,它还使用验证来检查该字段是否不为空且不大于当前日期。)

我的 HTML 看起来像什么:

我的组件是什么样的

我确实尝试使用 setValue() 方法,但它在控制台中给了我一个错误,说 setValue 不是 Clarity datepicker 的有效属性。验证是在模糊上完成的,但模糊在日期选择器上不起作用所以我使用 [clrDate] 调用验证方法。

0 投票
1 回答
404 浏览

angular - Clarity 网格批处理操作是否支持跨页面选择(网格分页)?

https://clarity.design/documentation/datagrid/batch-action 在清晰网格上,我们是否可以继续在网格页面中选择行/项目并执行批处理/批量操作?

就像在第 1 页上选择一些行并在第 2 页上选择更多行,并且不会丢失第 1 页的选择。

0 投票
1 回答
190 浏览

angular - 在自己的组件中使用内部 Clarity 服务

clr-input-container我正在尝试为我已经实现的自己的表单控件编写自定义表单控件包装器组件,例如 Clarity 的。对于包装器,我想使用实用程序服务IfErrorService, NgControlService, ControlIdService,就像它在实现中完成的ControlClassService一样。LayoutServiceclr-input-container

但是,我为每个服务都收到了这些构建错误:

有什么方法可以在我自己的项目中使用内部 Clarity 服务?

0 投票
1 回答
475 浏览

datagrid - 如何从清晰数据网格中隐藏 selectAll 复选框?

如何从清晰数据网格中隐藏 selectAll 复选框?是否可以使用 CSS 来做到这一点?

0 投票
1 回答
753 浏览

css - 更改清晰度切换开关的颜色

我有一个带有.Net核心的Angular项目,我也在使用Clarity,我想知道是否有办法改变Clarity切换开关的颜色?

到目前为止我尝试过的代码不起作用:



0 投票
1 回答
322 浏览

angular - 如何使清晰树视图中的树节点文本可点击?

我使用 Clarity 框架(clr-tree 元素)生成了以下树结构。

在此处输入图像描述

这是我为在视图中生成它而编写的代码:

它工作正常,但问题是我只能通过单击图标来展开文件夹在此处输入图像描述。单击文件夹的标题文本不会展开子项。有没有办法使用 Clarity 框架来实现这种行为?

0 投票
0 回答
59 浏览

angular - 清晰度数据网格和 cdkVirtualFor

前段时间,如果没有记错的话,Angular 发布了一个名为虚拟滚动的好功能 https://material.angular.io/cdk/scrolling/overview

在我们的项目中,我们使用清晰,用于显示数据的位数 clr-datagrid 很好(与分页一起使用)但如果强制它在单个可滚动页面上显示所有数据..结果不会令人满意..

我想知道,有没有一种方法可以将 *cdkVirtualFor 与清晰的数据网格一起使用。? 或者我应该与 *clrDgItems 保持分页?

0 投票
1 回答
85 浏览

angular - 我可以将 html 代码生成为字符串,然后使用清晰框架(Angular 7)将该字符串设置为打字稿中 div 的值吗

我正在尝试使用 TS 将 html 代码生成为 Clarity-data-grid 的字符串,然后将该字符串设置为 div 的值,但除非我在 HTML 文件中实际键入 HTML 代码,否则清晰度框架将不起作用.

this.component.nativeElement.innerHTML=this.html;-> 在 TS 中这样做是行不通的。但是如果我在(下面的#html)中输入所有内容,它就会工作,它会显示表格。

此 html 代码将在我的文件中生成#html

0 投票
1 回答
1116 浏览

angular - 带有自定义过滤器的清晰数据网格不会清除项目集合

在这里,我对带有自定义过滤器的清晰数据网格有一点问题我做了这里所说的一切,过滤器可以工作但不正确

主要问题是在 Datagrid 项目集合中,当 Accept 方法为该项目返回false时,它​​不会从 DataGrid 项目集合中删除它,而当 Accept 方法为该项目返回true时,它​​只是在 datagrid 中重复

这是示例:

在此处输入图像描述

数据网格 HTML:

过滤器:

文件管理器 HTML:

谢谢你的帮助!