问题标签 [ignite-ui-angular]

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 回答
183 浏览

angular - 为什么 Infragistics Ignite UI for Angular List View 的样式不起作用?

看起来 igx-form-group__input--search 类需要在某处导入另一个样式表,但我没有找到让它像在 stackblitz 中一样工作的参考

截图1
https://github.com/djbreen7/IgniteUISandBox
https://djbreen7.github.io/IgniteUISandBox/

基础设施演示

截图2 https://stackblitz.com/angular/pernmgqeavg

我敢肯定这是一个简单的修复。我只是看不到我错过了什么。

0 投票
1 回答
330 浏览

angular-library - 安装和使用 igniteui-angular 控件后在 Angular 库中构建错误

我创建了一个 Angular 项目,该项目也有一个 Angular 库,我需要在其中安装和使用 Ignite UI 进行 Angular。当我使用命令安装它"npm i igniteui-angular"并在其中使用NgxInputGroupModule时,它开始给出下面给出的构建错误;

任何帮助摆脱这个问题将不胜感激。

0 投票
1 回答
420 浏览

angular - 如何动态更改 IgxGrid 的列索引?

我需要在 IgxGrid 上应用用户设置。我正在尝试的是,每当用户重新排序列时,我都会将列索引保存在我的数据库中,并且下次用户打开同一个网格时;我需要在他之前保存的网格上显示相同的设置。但是当我尝试设置列索引时,它说索引属性没有设置器。如何实现动态更改列索引的功能?这是我想要做的,

这是我遇到的错误,

错误错误:未捕获(承诺中):TypeError:无法设置只有getter的[object Object]的属性索引TypeError:无法设置只有getter的[object Object]的属性索引

0 投票
1 回答
588 浏览

angular - 如何在 igx-grid ignite UI 的角度多选中根据任何条件禁用几行的选择?

我想在 igx-grid ignite UI 的多选中禁用对某些行的选择,这样如果我默认选择这些行,那么用户应该无法取消选择这些行。我将不胜感激为实现目标提供的任何帮助。

0 投票
1 回答
682 浏览

angular - 网格“完成”时如何执行事件

我要显示的数据和表格列都是我模块中的输入属性。现在我希望能够为我的列配置数据提供一个标志,以使这些列最初是自动调整大小的。找到正确的列并执行该.autosize()函数很简单,但我错过了网格本身上合适的事件发射器。

(onColumnInit)看起来很有希望,但是看着我在控制台中得到的错误文本,我得到的印象是在表格甚至填满之前执行了一个。

我使用了官方 API 参考,但找不到我要查找的内容:当表 id 完成、准备好所有数据、填满表并准备调整大小时调用的事件。

如果有另一种优雅的解决方案,我也很感激,我什至在我的组件中使用了生命周期钩子,但正如预期的那样,这几乎不是一个解决方案。

简而言之,我有一个表格控制模块,它充当 igx-grid 本身的内部容器,它为我们提供了与项目其余部分的接口。它获取数据本身和定义字段名称(在日期中)的“表字段”、显示的列名称、数据类型和有用的标签,例如该列是否应该是可排序的。同样,我想实现一个允许初始自动调整大小的标签。

0 投票
2 回答
456 浏览

angular - 如何调整下拉框?

我正在使用 Infragistics / igx-input-group 和 igx-drop-down 元素在我的应用程序上创建一个下拉列表。一切正常,我可以从 REST API 获取数据就好了,但我在显示所选项目时遇到问题。即使显示正确的项目,下部也被切断,难以阅读。所以我不确定我错过了什么,但我正在寻找一种方法来使下拉列表中的文本区域的大小更大或现有框中的字体更小,以便用户可以看到完整的选定文本。

这是它的样子以及我在 Angular 中的 html 代码 在此处输入图像描述

0 投票
1 回答
297 浏览

angular - 如何使用 Angular 设置 ignite ui 财务图表(igx-financial-chart)

我正在尝试设置一个财务图表来显示股票的时间序列数据(比如说 GOOG)。如何从模板中获取数据到 dataSource 属性?我没有正确转换数据类型吗?图表显示在屏幕上,但没有显示任何数据......有没有人有使用 igx 图表的经验可以提供帮助?我开始怀疑你是否需要注册他们的服务(即付钱)只是为了尝试他们的图表?..似乎不太可能但我在这里看不到任何东西

我已经尝试按照他们的文档中列出的步骤进行操作:https ://www.infragistics.com/products/ignite-ui-angular/angular/components/financialchart.html

看起来很简单,但无论我用哪种方式切片,dataSource 似乎都没有填充图表上的数据。

这是我获取数据并将其更改为 igx dataSource 需要的方式的方法。

模板:

我没有收到任何错误。并且数据似乎正在按预期进行处理。stockDailyDisplay返回一个对象数组,如下所示: {time: string, open: string, high: string, low: string, close: string, volume: string}

0 投票
1 回答
94 浏览

angular - 我需要实现搜索(如在页面中查找)。我在我的 HTML 页面中呈现了一个 XML。我需要在这个呈现的 XML 中搜索文本

我需要实现搜索(如在页面中查找)。我在我的 HTML 页面中呈现了一个 XML。我需要在这个呈现的 XML 中搜索文本。我已将 XML 设置为 div 的 innerhtml。我使用 IgxTextHighlightDirective 来搜索和突出显示搜索文本。

这是我的数据

这就是我在我的 HTML 模板中写的

下面给出的是搜索前的结果

在搜索框中输入后。这是我的问题。

在此处输入图像描述

0 投票
1 回答
196 浏览

css - “col-md-*”不适用于基础网格

我有一个基本的 html 表和显示数据的 infragistics(igx) 网格:

我的css文件是:

这是 package.json 中的内容:

我的想法是将表格和网格放在同一行,但这没有发生。igx 相关的 css 会覆盖它吗?在开发工具样式中,它主要使用“core.scss”和“minireset.css”。我该如何前进?

0 投票
1 回答
383 浏览

ignite-ui - 使用 Ignite Grid 列标题中的输入控件

为 Angular Data Grid 使用 Ignite UI,我想为列名创建一个编辑器。但是,网格控件似乎禁用了我放入标题模板的任何输入控件。

如何在我的网格的标题模板中启用输入控件?

下面的代码在标题中创建了一个带有输入控件的网格。无法单击输入控件或编辑值。