FlexGrid for Winform：ComponentOneFlexGrid强大的交互体验——行、列、单元格的自如定制.pdf

FlexGrid for Winform ： ComponentOneFlexGrid 强大的交互体验—— 行、列、单元格的自如定制 本篇博客将讲述如何设置 FlexGrid 单元格类型，FlexGrid 支持复选框，下 拉列表，按钮，掩码，日历以及自定义单元格类型。以及自由定制行、列、单 元格。 使用 ComponentOne WinForms 表格控件 FlexGrid ，将诸多定制能力 内嵌在产品中，让应用系统自如交互。比如调整列宽、调整行高、自适应匹配 最佳列宽、自适应匹配最佳行高、通过下拉窗口选择单元格的数据、通过可视 化日期控件或计算器控件指定单元格的值。 1. 自定义 FlexGrid 不同的数据类型 自定义 FlexGrid 基础类型 UITypEditor ： UITypeEditorControl 实现 ComboBox,IServiceProvider,IWindowsFormsEditorService 的接口， 是其他数据类型的基础，继承关系如下： #region ** UITypeEditorControl (base class for all of the controls bel ow) /// summary /// UITypeEditorControl /// /summary public class UITypeEditorControl : ComboBox, IServiceProvider, IWindowsFormsEditorService { } #endregion 自定义 FlexGrid 的 CheckListEditor 数据类型： 从上述 UITypeEditorControl 派生的可下拉的复选框列表，用户可以从下拉 列表单选或多选各个选项，可以任意组合选项，如图所示： 该类定义如下代码，具体实现代码可以参考结尾 Demo 的 CheckListEditor 类。 #region ** CheckListEditor // // CheckListEditor // UITypeEditor that can be used to edit items in CheckedListBo x control. // Users can check any combination. // public class CheckListEditor : UITypeEditor #endregion 自定义 FlexGrid 的 FlexHyperlink 数据类型： 从上述 UITypeEditorControl 派生的可下拉的复选框列表，用户可以从下拉列 表单选或多选各个选项，样子如图所示： 该类定义如下代码，具体实现代码可以参考结尾 Demo 的 FlexHyperlink 类。 #region ** FlexHyperlink class public class FlexHyperlink #endregion 2.手动添加 FlexGrid 的列以及数据类型 本篇中的 FlexGrid 是非绑定模式，需要手动的添加列和数据。 首先通过 FlexGrid.Cols.Count 设置 FlexGrid 的列数，Domo 中有 13 列。 c1FlexGrid1.Cols.Count = 13 ； 其次通过 Column 的 DataType 设置各个列的数据类型，以及 Width 属性设 置列宽。 设置列的数据类型为步骤 1 中的CheckListEditor ，代码参考如下： //Checkbox List column Column checkListCol = c1FlexGrid1.Cols[_checkListCol]; CheckListEditor checkListEditor = new CheckListEdit