问题标签 [clarity]

当使用具有单选模式的数据网格时，在呈现数据网格后 - 如果我们尝试通过更新绑定到的变量来设置当前选择的值，则[(clrDgSingleSelected)]即使正在设置的对象是相应的单选按钮也不会被“选中”按值等于数据网格项之一。仅当对象通过引用数据网格中的一项而相等时，该选择才有效。

使用[(clrDgSelected)].

重现行为的步骤：

1. 以显示用户列表并使用“trackById”的数据网格为例。
2. 在组件构造函数中，尝试设置单选值，但使用克隆对象。

在现实生活中 - 不是有意克隆对象 - 但是已经有一个希望设置为选择的对象，并且数据网格刚刚使用来自服务器的新数据进行渲染，它们都是新创建的对象。datagrid 中的对象之一按值匹配要选择的对象，但不按引用匹配。

Stackblitz（单选问题）：https ://stackblitz.com/edit/clarity-v2-dg-selection

Stackblitz（多选问题）：https ://stackblitz.com/edit/clarity-v2-dg-selection-multiple

我确实在 Clarity ( https://github.com/vmware/clarity/issues/4250 )上打开了一个错误，但有人提到它是一个使用问题。

我希望 Clarity 团队的某个人重新审视这种情况并提出解决方法/修复。

我是清晰度设计使用经验的新手。我有一个使命：使用 Clarity Design Framework 开发一个 WEB 站点。此外，我想使用 Angular CLI 来创建“界面模式”。但是，到现在为止，我正在考虑前端部分。

但我需要了解如何构建后端部分。我的网站需要分享视频和其他静态内容。而且我不知道如何保存我的内容以便正确和简化其他人的管理。简而言之，我需要有关内容管理软件的线索，但要与 Clarity Design 兼容。最初的想法是构建一个前端，然后......之后，与后端集成。

有人可以帮助解决这个挑战吗？

此致！

我的项目使用Angular (v9) 和Clarity Design System (v3)。

有了 Ivy 和模板的严格类型检查，你如何处理 clrForm 元素的 clrLayout？

此表单给我以下错误消息：

• Type 'string' is not assignable to type 'number'.为属性clrLabelSize="4"。
• Type '"horizontal"' is not assignable to type 'Layouts'.为clrLayout="horizontal".

谢谢！

参考：https ://clarity.design/documentation/forms

使用清晰的数据网格 2.3 版看到一个问题，如果用户开始在数据网格列过滤器的输入字段中输入内容，一旦按下一个键，过滤器输入就会自动聚焦。

由于数据网格是分页的并且是服务器驱动的，这会导致 API 在去抖动时间之后一旦按下一个键就会被触发。

输入字段之外的自动焦点导致过滤器只有一个字符，并且 API 被触发，因为 debouce 只有 800。

已经查看了清晰 github 上的任何报告问题，看起来不像它报告的或任何有类似问题的人。

预期的行为应该是输入焦点不应该发生，直到用户将光标移开或按下回车，这是应该在之后调用 api 的去抖动应该启动的时候。

任何帮助表示赞赏。

例如，如果我有一个需要满足的条件，那么我需要对列值做另一件事，我将如何去做？

我在问“当在这个数字列表中找到这个数字时，删除那个数字并去掉逗号。” 因此，当找到它时，将其替换为空并清理逗号。而且我不太了解长期嵌套的替换事物。事实上，看着它，我的大脑很受伤。有没有人有更好的方法来做到这一点？

数据示例：

我想要达到的目标：

编辑：另外，我知道第二个替换功能不正确。我只是复制并粘贴。

我正在尝试构建一个带有嵌入式 X 按钮的搜索栏。我使用清晰度和角度。Clarity 没有提供直接符合我需求的组件。

但是我遇到了 2 个组件，即 clr-password-container 和 clr-date-container，它们看起来与我想要的相似。

https://github.com/vmware/clarity/blob/master/packages/angular/projects/clr-angular/src/forms/datepicker/date-container.ts

但它不会以呈现 clr-date-container 或 clr-password-container 的方式呈现我的搜索框。这是我得到的：

https://stackblitz.com/edit/clarity-form-reset-wrmqn4 我哪里出错了？

我在 Angular 中的角度反应形式很清楚有问题。一切正常，但如果我点击几次，我的控制台会出现一些错误，我的第一个输入什么也没有显示。

我不知道为什么...

我的代码 component.ts ：

我的代码 component.html ：

我有不同的错误：

如果有人有想法...

我正在尝试使用 Angular 下的 Clarity UI 库动态生成上下文菜单。我找不到'contextmenu' Clarity 组件，所以我正在使用该dropdown组件 - 我意识到下拉菜单应该通过附加到按钮来工作，但我不希望它附加到按钮 - 我想要它作为右键菜单，如下所述。（抱歉这篇文章的长度，我只是想确保所有信息都在那里。）

我在这里遇到问题的 Stackblitz：https ://stackblitz.com/edit/angular-ivy-xsp8ik

在我的主要组件中，我有两个 SVG 圆圈，当我单击它们时，我想显示一个动态生成的上下文菜单（对于这个示例，我只需单击鼠标左键，在我的真实代码中，我有 JointJS 节点响应右键单击）。

主要组件创建“contextMenuInfo”结构，该结构包含鼠标位置信息（指定菜单应出现的位置）、指示应显示菜单的布尔值和指示单击哪个圆圈的节点 ID。

contextmenu 组件包含应该显示上下文菜单的 html。clr-dropdown-menu 中有三种类型的元素：alabel创建一个菜单标题，一个item应该产生一个带有点击回调的实际菜单按钮，一个submenu应该产生一个嵌套的子菜单。该代码用于*ngFor循环遍历菜单项，以及*ngIf用于测试该项是哪种类型的语句，并将显示相应的内容。

这是生成菜单内容的代码。它每 5 个菜单项任意创建子菜单。

这些是我看到的问题：

1. 在主组件中使用 showContextMenu 布尔值并不好，因为单击后关闭菜单时它不会被重置，这意味着圆圈上的每一秒“点击”都会被吸收 - 我不确定正确的方法是什么这样做是。

2. 对于这个 stackblitz，上下文菜单实际上并没有显示出来。看起来它被触发显示，因为在 menuItems() 和 submenuItems() 例程中放置一个断点表明它们被调用，但实际上没有显示任何内容。我的实际代码似乎可以正常显示主菜单 - 抱歉，但我无法弄清楚为什么 stackblitz 不显示菜单，而我的实际代码确实如此。一旦为此提供了解决方案，则可能需要回答以下其余问题。

这是在我的实际原型应用程序中显示的菜单图片：

3. 我不知道为什么，但是每次单击圆圈都会调用 menuItems() 例程两次。在我的实际代码中，我实际上看到，一旦显示菜单，menuItems() 例程就会被调用很多次，尤其是在将鼠标移入和移出上下文菜单本身时（菜单保持显示 - 只需将鼠标移开和移开离开）。有没有办法限制调用的次数？最终的应用程序可能会花费大量时间来填充菜单，我不希望它被如此频繁地调用。

4. 当显示菜单时（在我的实际代码中），单击任何菜单item似乎确实会根据需要触发回调，但是整个上下文菜单并没有消失（它应该消失，因为clrCloseMenuOnItemClick设置为 true）。

5. 单击submenu按钮不会使定义submenu出现 - 它什么也不做。

谢谢，感谢您提供的任何帮助。

我是清晰度设计框架的新手。我在 Clarity 设计中创建了具有动态列和动态行的自定义网格。我正在尝试根据动态列进行过滤，但我无法在 Clarity 提供的默认过滤器中获取列名，而是获取响应数据

我有两个数字日期：
A. 65495和
B. 65496

日期应该是：A. 04/26/2020和
B. 04/27/2020

我试过这段代码：

但我最终得到了这些日期：
A. 2079-04-27 00:00:00和
B. 2079-04-28 00:00:00

我在 SQL-Server 上使用清晰度数据库。