除了Ultimate 19.1的最新版本中的许多其他新控件和功能外,我们还为Angular的Ignite UI添加了备受期待的新电子表格组件。
IgxSpreadsheet是一个受Microsoft Excel启发的组件,使您能够将Excel文档创建和编辑体验直接嵌入到您的Angular应用程序中。IgxSpreadsheet建立在我们现有的Excel库之上,并为我们强大的Excel文档功能提供了交互式控件。凭借强大的编辑和单元格格式功能,IgxSpreadsheet将熟悉的Excel带入客户的应用程序。只需几行代码,您现在可以创建、打开、编辑和保护Excel文档,而无需在计算机上安装Microsoft Excel。
让我们花点时间谈谈新的IgxSpreadsheet Angular组件中的一些出色功能。
公式栏
Excel最具标志性的功能可能是公式栏。你可能已经知道,formulas是指根据在电子表格中输入的值计算计算的方程式。可以使用计算运算符和常量创建简单的公式。公式必须包含单元格引用并以 “=” 字符开头。一个简单公式的例子是 “= B2 B3”。更复杂的公式包含函数; 例如,”= SUM(B2:B3)”。支持超过300个公式,IgxSpreadhseet的公式栏使您能够在工作表中查看,创建和编辑公式,与您在Microsoft Excel中熟悉的体验相同。
公式栏的名称框还允许用户定义命名引用 (对单元格或单元格区域),并快速导航到适当的单元格或单元格区域。
工作表筛选
如您所料,您可以对一个或多个数据列进行筛选。通过过滤,您不仅可以控制要查看的内容,还可以控制要排除的内容。您可以根据从列表中做出的选择进行筛选,也可以创建特定的筛选器以精确地关注要查看的数据。您可以按数值、文本值、字体颜色、图标进行过滤,也可以按颜色对背景或文本应用了颜色格式设置的单元格进行过滤。
不仅如此,我们还提供了一些基于基础数据格式的内置过滤器选项。例如,如果基于日期进行过滤,则将为您提供一些基于日期的过滤器选择:
工作表排序
除了具有出色的过滤支持外,我们还具有排序支持。排序菜单项将根据显示菜单的活动单元格的值/状态设置关联列的排序。因此,选择排序A到Z将为该列创建一个升序值排序。
自动筛选支持
即使所有这些巨大的内置排序和过滤功能从一个简单的上下文菜单访问,我们也有自动过滤器的支持。这意味着现在工作表表格的标题和工作表级别过滤区域的标题单元格将显示一个下拉按钮,该按钮显示与过滤器相关的菜单。按钮显示排序和筛选状态,工具提示显示该列的筛选器的友好描述。菜单显示用于排序和过滤的各种选项。显示的筛选器选项依赖于列中的数据类型,因为它们在excel中。因此,您将看到可用的数字过滤器、文本过滤器或日期过滤器之一,具体取决于表列中的数据。
条件格式
条件格式允许您根据单元格值自动将格式 (如颜色、图标和数据条) 应用于一个或多个单元格。为此,您需要创建条件格式设置规则。例如,条件格式设置规则可能是: 如果值小于 $2000,则将单元格涂成红色。通过应用此规则,您将能够快速查看哪些单元格包含小于 $2000的值。很基本的东西对吗?那么,最好的部分是电子表格支持呈现Microsoft Excel中可用的所有条件格式功能。Microsoft Excel具有多个预定义样式或预设,可用于快速将条件格式应用于数据。它们分为三类:
数据条是添加到每个单元格的水平条,很像条形图
色阶根据其值更改每个单元格的颜色。每个色阶使用两色或三色渐变。例如,在绿色-黄色-红色色标中,最高值是绿色,平均值是黄色,最低值是红色。
图标集根据其值为每个单元格添加特定图标。
数据验证
电子表格支持数据验证。您可以轻松验证单元格值,提供工具提示,并显示基于无效值的错误消息。
单元格下拉菜单
我们还添加了在单元格中显示下拉列表的功能,该单元格填充了来自活动单元格正上方和下方的值的数据。显示此单元格下拉列表的一种方法是通过使用 “从下拉列表中选择…” 项的单元格的上下文菜单,另一种方法是按Alt向下。您没有像使用列表数据验证那样明确定义列表的内容-它以与Excel相同的方式基于上方/下方的单元格隐式填充。与Excel一样,它忽略数值,停在空白和表格边界等。
取消选择
有时,当您在Excel中选择多个单元格或区域时,您会意外选择一个或多个您不打算选择的单元格或区域。使用取消选择功能,您可以取消选择所选范围内的任何单元格。按Ctrl键,可以单击或单击并拖动以取消选择范围内的任何单元格或范围。如果需要重新选择这些单元格中的任何一个,请继续按住Ctrl键并重新选择这些单元格。
所以当你按住ctrl和鼠标/按下选定的单元格时,你会得到这样的覆盖:
并释放结果:
让我们把这个孩子包起来!
如您所见,IgxSpreadsheet是一个非常强大的组件,它基本上采用Microsoft Excel并将其打包成一个漂亮的Angular组件,以便您在Anglar应用程序中使用。请记住,我们只讨论了IgxSpreadhseet提供的一些功能。还有很多我们没有时间覆盖,包括创建工作表和表格,形状,拆分窗格,调整大小,缩放,超链接,保护工作表,冻结窗格,字体样式等。你明白了。这个组件有很多东西,学习它能做的一切的最好方法就是自己尝试一下。现在是前往Ignite UI for Angular产品页面的好时机,下载产品,并开始使用IgxSpreadsheet组件。相信我,你会很高兴你做到了。
正如我一直想指出的那样,如果您有关于我们应该为我们的控件带来的新功能,我们需要解决的重要问题,甚至是您希望我们介绍的全新控件的想法,请通过将它们发布在我们的产品创意网站上让我们知道。通过 @ infragistics在Twitter上关注并与互动。您也可以直接在Twitter上关注并与我联系 @ brianlagunas。此外,请确保通过我们的社区论坛与我们的各个团队联系, 您可以在其中与Infragistics工程师和其他客户进行交互。
最后,当您确实使用我们的控件构建了一些很酷的东西时,请确保让我知道。</p