问题标签 [angular-slickgrid]

我的第一个问题，如果我做错了什么，请接受我的道歉；-)

我正在创建一个使用 angular-slickgrid Tree 的网络应用程序，以便显示数据库中的一些数据。创建树本身正在工作，我通过使用承诺从后端获取这些数据，因此从我的数据库中获取这些数据。为此，我特别扩展了 angular-slickgrid 的“示例 29：树数据（来自分层数据集）”。我的版本是 2.30.2，Angular 版本是 11.2.12，Typescript 是 4.1。

我的问题是，这些数据不会自动显示在树中，而是在我单击行标题之后......所以这些数据确实到达了前端！不幸的是，我找不到确切触发了哪个事件（在 Web 调试器和检查器中查看）。

有人说，实际上它应该通过将我的 db-data 提供给所谓的“datasetHierarchical”变量（在它们到达前端之后）来工作，因为 html '[datasetHierarchical]="datasetHierarchical"' 中有一个赋值。对于直接在 Tree-Component 中的模拟，这是可行的。但在我的情况下，对于来自数据库的数据，这并不像我尝试过的所有方法一样有效，例如“this.angularGrid.sortService.sortLocalGridByDefaultSortFieldId();” 或“this.angularGrid.gridService.invalidateHierarchicalDataset(this.datasetHierarchical);”，我认为应该在我的数据到达前端后重新渲染 Tree-Grid。

令人沮丧的是，这样一件微不足道的事情不起作用，但也许其他人看到了我监督的（一个简单的）解决方案......所以提前感谢您的帮助！:-)

而且数据请求也很简单：

此外，我证明了数据是否真的到达前端：是的，他们确实做到了！

在我的html中：

我正在使用角度 slickgrid

仅当全名是来自 json 的可空数据存在时才显示错误，我在下面

以上错误仅适用于具有空数据的复杂对象..请让我如何配置。
@gistcode我添加了更多错误日志..请检查，您能否提供我如何转换此用例的自定义格式

我创建了一个名为Angular-Slickgrid的 Angular 库，它是 SlickGrid 的一个包装器，它是一个旧的 JavaScript/jQuery 库，我可以使用 SlickGrid 发送的任何自定义事件，没有任何问题，如下所示（此时一切都很好)

一切都很好，一切正常

在我的库中，我只是使用具有以下代码的小函数来调度这些事件

一切都很美好，生活很美好……

启用时它会中断strictTemplates

当我决定启用strictTemplatesangularCompilerOptions时，Angular 开始抱怨它$event是一种类型Event并且它抱怨它detail不是一个有效的属性，但在我的实现中它不是 type Event，它应该被检测为 type CustomEvent。

为什么 Angular 没有将其检测为CustomEvent? 是否有任何方法可以强制将类型检测为CustomEvent或覆盖类型以使其CustomEvent没有 Angular 抱怨？

到目前为止，我发现绕过这些错误的唯一（丑陋）方法是让它认为它是一种类型Event，然后将其转换回它CustomEvent，这可行，但它添加了太多不方便的代码

然后将其Event转换为CustomEvent，即使这可行，它也会添加太多代码，这很不方便

我不想也不能使用 Event Emitter，因为这些事件是动态的，而且因为这些事件来自 JavaScript 库，还有其他技术原因，但我还是不能使用 Event Emitter。

这可以通过 Angular 指令解决吗？我已经看到了另一个 SO Angular 4 触发自定义事件 - EventEmitter vs dispatchEvent()有点走这条路，但我仍然不确定该怎么做。

预期的日期格式为“DD-MM-YYYY”，但在 UI 中显示的日期格式为“YYYY-MM-DD”。

单击此处显示用户界面图像

1. 在打开日期选择器之前，日期以预期格式显示为“DD-MM-YYYY”。
2. 打开日期选择器时，日期格式更改为“YYYY-MM-DD”格式。
3. 关闭日期选择器后，它又回到了之前的状态（预期格式为“DD-MM-YYYY”）。

如何在上述所有三种状态下显示相同的日期格式？

我需要列标题旁边的下拉菜单。我通过在列名称中添加适当的 HTML 来做到这一点：

列定义： {name: "<span>My Column</span> <select><option>A</option><option>B</option></select>",...}

这工作正常。但是，当网格重新呈现标题时，下拉菜单将重置为默认值。

是否有一个回调我可以用来设置想要的值（带有最后选择的选项的新 HTML）？

我可以防止标题被重新渲染吗？

提前致谢。

我想在金额列中的值旁边显示编辑图标。这是因为 Amount 列实际上是可编辑的。但是为了给用户一个提示，我想在它旁边显示一些编辑图标。如何在 aurelia slickgrid 中做到这一点？

或者也许有一种方法可以在悬停时突出显示一个字段？我正在使用 aurelia slickgrid 并查看aurelia slickgrid本身是否有一些选项。

有没有办法用 angular-slickgrid 过滤多列？

我有在不同区域显示相同信息的列，并且我希望用户能够使用一个过滤器来获取任何行匹配，而不管哪个区域（列）匹配。

谢谢

我必须固定有角度的 Slickgrid 标题行，并且不应该与网格内容一起向下滚动。当 autoHeight 选项设置为 true 时。

我有一个 slickgrid，里面有几列。我无法通过在每列末尾的网格本身提供的调整大小图标拖动它来操纵（增加或减少）任何列的宽度。当我们将光标移到列标题的末尾时会显示该图标，但是当尝试向左或向右拖动它时，它不会操纵列宽。

这就是我的列定义的样子：

{ id: 'record_type', field: 'record_type', name: '记录类型', toolTip: '记录类型', sortable: true, filterable: true, minWidth: 150 }

我是否遗漏了什么，或者我需要在我的网格选项中提供任何特定的标志以使其工作？我怎样才能实现这个功能？

想要通过gridOptions在单击某些按钮后更新来禁用选定的行项目。

Stackblitz 演示