倍受赞誉的高性能表格控件
FlexGrid表格控件产品文档
步骤1/5: 创建控件
新建一个项目并添加两个控件:
• 在窗体的顶部附近添加一个命令按钮。
• 在按钮下面的区域添加一个C1FlexGrid 控件。
如果你没有在工具箱中找到C1FlexGrid控件,那么请在工具箱中右键单击然后选择“选择项…”。 然后在.Net组件列表中查找C1FlexGrid 控件并确保勾选上。 如果你在控件列表中无法找到控件,你也许需要重新安装控件包。
1. 在属性窗口中设置如下属性:
属性 | 设置 |
Dock | Top |
Text | "Open XML File…" |
Cols.Fixed | 0 |
属性 | 设置 |
Dock | Fill |
2. 双击窗体的标题区域来打开代码窗口。在文件的最上方添加如下代码段:
这使得C1FlexGrid中定义的对象在整个项目都可见,并节省了很多需要敲的代码。
3. 可以在设计器中使用属性窗口和编辑器来设置表格,或者在代码中输入(或复制)以下代码:
在设计器中:在属性窗口中为C1FlexGrid控件设置以下属性:
属性 | 设置 |
Cols.Count | 2 |
Cols.Fixed | 0 |
ExtendLastCol | True |
Rows.Count | 1 |
Tree.Column | 0 |
Tree.Style | SimpleLeaf |
为表格设置样式:
• 在C1FlexGrid 任务菜单中选择样式打开 C1FlexGrid 样式编辑器。想要知道对于如何访问C1FlexGrid 样式编辑器的更多细节,请查看 访问C1FlexGrid 样式编辑器(第143页)章节。
• 在内置样式中选择Normal 。
• 设置Border.Style为None,设置TextAlign 属性为LeftCenter,设置WordWrap属性为False。
• 点击添加按钮。
• 将CustomStyle1 重命名为Data。
• 设置BackColor 属性为Control。
• 点击OK来关闭编辑器。
设置表格中的列:
• 在表格中选中Column 0。这将打开第0列的列任务菜单。
• 将Column Caption 设置为Element。
• 取消勾选Allow Editing复选框。
• 选择Column 1.
• 将Column Caption 设置为Text。
另外, 这些列也可以通过C1FlexGrid列编辑器来设置:
• 通过在C1FlexGrid任务菜单中选择设计器来打开C1FlexGrid列编辑器。想要知道对于如何访问C1FlexGrid列编辑器的细节,请查看访问C1FlexGrid 列编辑器章节(第143页)。
• 在右侧窗格中选择Column 0。
• 在左侧窗格中,将AllowEditing 属性设置为False ,设置Caption 属性为Element。
• 在右侧窗格中选择 Column 1。
• 在左侧窗格中,将Caption 属性设置为 Text。
• 点击OK来关闭编辑器。
在代码中:• Visual Basic
System.EventArgs) Handles MyBase.Load
' 初始化表格
C1FlexGrid1.Rows.Count = 1
C1FlexGrid1.Cols.Count = 2
C1FlexGrid1.Cols.Fixed = 0
C1FlexGrid1.ExtendLastCol = True
C1FlexGrid1(0, 0) = "Element"
C1FlexGrid1(0, 1) = "Text"
' 初始化大纲的树结构
C1FlexGrid1.Tree.Column = 0
C1FlexGrid1.Tree.Style = TreeStyleFlags.SimpleLeaf
C1FlexGrid1.Cols(0).AllowEditing = False
' 初始化样式
C1FlexGrid1.Styles.Normal.Border.Style = BorderStyleEnum.None
C1FlexGrid1.Styles.Normal.TextAlign = TextAlignEnum.LeftCenter
C1FlexGrid1.Styles.Normal.WordWrap = False
Dim cs As CellStyle = C1FlexGrid1.Styles.Add("Data")
cs.BackColor = SystemColors.Control
End Sub
{
//初始化表格
c1FlexGrid1.Rows.Count = 1;
c1FlexGrid1.Cols.Count = 2;
c1FlexGrid1.Cols.Fixed = 0;
c1FlexGrid1.ExtendLastCol = true;
c1FlexGrid1[0, 0] = "Element";
c1FlexGrid1[0, 1] = "Text";
// 初始化大纲的树结构
c1FlexGrid1.Tree.Column = 0;
c1FlexGrid1.Tree.Style = TreeStyleFlags.SimpleLeaf;
c1FlexGrid1.Cols[0].AllowEditing = false;
//初始化样式
c1FlexGrid1.Styles.Normal.Border.Style = BorderStyleEnum.None;
c1FlexGrid1.Styles.Normal.TextAlign = TextAlignEnum.LeftCenter;
c1FlexGrid1.Styles.Normal.WordWrap = false;
CellStyle cs = c1FlexGrid1.Styles.Add("Data");
cs.BackColor = SystemColors.Control;
}
代码从一开始就设置表格的布局和标题的文本内容。
接下来,初始化大纲树属性并将第一列的AllowEditing属性设为False以防止XML节点能够被编辑。请注意,用户仍可以在包含每个XML节点数据的下一列进行数据的编辑。
现在空间已经设置好了。我们可以开始添加一些代码。