FlexGrid表格控件产品文档

步骤1/5: 创建控件

新建一个项目并添加两个控件:

• 在窗体的顶部附近添加一个命令按钮。

• 在按钮下面的区域添加一个C1FlexGrid 控件。

如果你没有在工具箱中找到C1FlexGrid控件,那么请在工具箱中右键单击然后选择“选择项…”。 然后在.Net组件列表中查找C1FlexGrid 控件并确保勾选上。 如果你在控件列表中无法找到控件,你也许需要重新安装控件包。

1. 在属性窗口中设置如下属性:

• 命令按钮
属性 设置
Dock Top
Text "Open XML File…"
Cols.Fixed 0

• C1FlexGrid
属性 设置
Dock Fill

2. 双击窗体的标题区域来打开代码窗口。在文件的最上方添加如下代码段:

• Visual Basic
Imports C1.Win.C1FlexGrid
• C#
using C1.Win.C1FlexGrid;

这使得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

Private Sub Form1_Load(ByVal sender As System.Object, ByVal e As
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
• C#
private void Form1_Load( System.object sender, System.EventArgs e)
{
//初始化表格
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节点数据的下一列进行数据的编辑。

现在空间已经设置好了。我们可以开始添加一些代码。