分享

UI数据表现工具_ComponentOne控件使用简介

 昵称5882185 2011-02-28

UI数据表现工具_ComponentOne控件使用简介

 

C1介绍

我们在进行应用程序开发时,很多情况需要使用数据显示的功能。比如查询结果显示,多行数据编辑等。VS2005自带的数据显示空间 DataGridView功能比较弱,满足不了客户复杂性的数据和交互。ComponentOne 是一款优秀的UI数据显示控件,比起DataGridView,它在数据表现上要强很多。本人所在公司 在C/S的系统中大量使用了ComponentOne作为数据显示的工具。

下面就对ComponentOne(以下简称C1)的安装,使用做一个简单的介绍。

C1获得和安装

安装的是 c1studioenterprise_T206_V2.0。

注册码:XXXXXXXXX 

解压后的目录是:可以看到C1分别对C/S, B/S,Mobile提供了不同的数据显示方案。我安装的是C1StudioNET2_T206.msi。也是针对VS2005的集成版本。

 

C1常用操作指南 C/S部分

C/S部分引用的是C1FlexGrid 控件

 

1.  列自由拖拽

我们可以拖动教育的列放到最后一行,如图

C1控件默认支持

 

2.  前几列锁定

 

Frozen 的数值 设为2, 则前两列锁定,拉动横向滚动条,前2列是不动的。用于定义性的属性数据的显示,比如工卡,姓名或物料代码,物料名称等数据。

 

3.  相同行合并的统计功能

总的C1控件设置

 

分列合并设置

 

 

 

4.  相同标题合并设置

 

完成这样的功能不仅需要在C1控件进行设置,还需要完成一部分编码才可以实现。

A. 首先像操作3一样,对C1控件进行整体设置为可合并

B. 对具体的标题列设置为为可合并

C. 编写代码部分,放在触发事件内部

            c1FlexGrid1.Rows[0].AllowMerging = true;

            // 循环标题行(共两行)

            for (int m = 0; m < c1FlexGrid1.Rows.Fixed; m++)

            {

               //设置列标题

                if (m == 0)

                {

                    c1FlexGrid1[m, 1] = "工卡";

                    c1FlexGrid1[m, 2] = "姓名";

                    c1FlexGrid1[m, 3] = "个人信息";

                    c1FlexGrid1[m, 4] = "个人信息";

                    c1FlexGrid1[m, 5] = "个人信息";

                    c1FlexGrid1[m, 6] = "个人信息";                   

                }

 

                if (m == 1)

                {

                    c1FlexGrid1[m, 1] = "工卡";

                    c1FlexGrid1[m, 2] = "姓名";

                    c1FlexGrid1[m, 3] = "生日";

                    c1FlexGrid1[m, 4] = "地址";

                    c1FlexGrid1[m, 5] = "省份";

                    c1FlexGrid1[m, 6] = "教育";

                }

            }

 

5.  C1行标题列居中的脚本

 

                CellStyle style = c1FlexGrid1.Styles.Add("Row_TextAlign");

           style.TextAlign = TextAlignEnum.CenterCenter;

            c1FlexGrid1.Rows[0].Style = style;

 

6.  C1行的Label信息提示Tip

 

 

 

7.  C1行的Notes信息提示Tip

没有实现

8.  C1行背景色变换

 

            // 循环标题行(共两行)

            for (int m = c1FlexGrid1.Rows.Fixed; m < c1FlexGrid1.Rows.Count; m++)

            {

                //设置列标题

                if (m%2 == 0)

                {

                    c1FlexGrid1.Rows[m].StyleNew.BackColor = Color.Gold;

                }

            }

C1的Cell的背景色变换

 

--这个Range的参数左上角到右下角的坐标

c1FlexGrid1.GetCellRange(3, 4).StyleNew.BackColor = Color.Cyan;

 

9.  C1表达树型控件

 

l         首先Grid的样式要定义为Tree结构

l         增加根节点

l         在根节点下增加子节点即可

相关代码如下:

            c1FlexGrid1.Tree.Column = 1;

            c1FlexGrid1.Tree.Style = C1.Win.C1FlexGrid.TreeStyleFlags.Simple;

 

            Node node = null; List<string> strList= new List<string>();

 

            strList.Add("河南");

            strList.Add("四川");

            strList.Add("广西");

            strList.Add("广东");

 

            for (int jj = 0; jj < strList.Count; jj++)

            {

                node = c1FlexGrid1.Rows.InsertNode(c1FlexGrid1.Rows.Count, 0);

                node.Row[1] = strList[jj];

 

                DataRow[] tmpRows = dt.Select("NATIVE_PLACE ='" + strList[jj] + "'");

 

                for (int ii = 0; ii < tmpRows.Length; ii++)

                {

                    node = c1FlexGrid1.Rows.InsertNode(c1FlexGrid1.Rows.Count, 1);

                    //node.Row[1] = tmpRows[ii][0].ToString();

                    node.Row[2] = tmpRows[ii][1].ToString();

                    node.Row[3] = tmpRows[ii][2].ToString();

                    node.Row[4] = tmpRows[ii][3].ToString();

                    node.Row[5] = tmpRows[ii][4].ToString();

                    node.Row[6] = tmpRows[ii][5].ToString();

                    node.Row[7] = tmpRows[ii][6].ToString();

                    node.Row[8] = tmpRows[ii][7].ToString();

                }

            }

 

10.              C1设置显示行数信息

 

对应的代码信息

        private void button3_Click(object sender, EventArgs e)

        {

            //为空或者无数据就退出

            if (c1FlexGrid1 == null || c1FlexGrid1.Rows.Count == 1)

            {

                return;

            }

 

            c1FlexGrid1.Cols[0].Width = 30;

            c1FlexGrid1.Cols[0].TextAlign = TextAlignEnum.LeftCenter;

 

            int m, i, iFrom, iRow;

 

            //设定行NO

            m = c1FlexGrid1.Rows.Count;

            iFrom = c1FlexGrid1.Rows.Fixed;

            iRow = 1;

            for (i = iFrom; i < m; i++)

            {

                c1FlexGrid1[i, 0] = iRow.ToString();

                iRow++;

            }//for (i = 1; i < m; i++)      

        }

 

11.              C1的Excel导出

 

对应的代码信息

        private void button1_Click(object sender, EventArgs e)

        {

            //有数据才导出

            if (c1FlexGrid1.Rows.Count <= c1FlexGrid1.Rows.Fixed)

            {

                MessageBox.Show("没有数据可以导出");

                return;

            }

            SaveFileDialog dlgSaveFile = new SaveFileDialog();

 

            dlgSaveFile.Filter = "Excel Files(*.xls)|*.xls|CSV Files(*.csv)|*.csv";

            dlgSaveFile.RestoreDirectory = true;

            dlgSaveFile.CheckFileExists = false;

 

            //选择了文件才导出

            if (dlgSaveFile.ShowDialog() == DialogResult.OK)

            {

                c1FlexGrid1.SaveExcel(dlgSaveFile.FileName);

            }

        }

 

12.              C1设置显示列信息

这个功能实现起来比较复杂,在SSB框架里面窗体基类实现了这个方法。点击命令按钮,弹出在选择列的对话框,在对话框自动获取该Grid里面所有的列,当对话框确定的时候,把保存选择列的Style 保存在客户端本地的文件里面,当原始窗体重新登陆的时候,就可以读取这个Style文件,把保存好的数据参数重新读取。

 

 

 

代码比较复杂,只列举程序的关键点,具体代码可以参照原程序。

l         点击列显示设置,弹出列选择对话框时,自动获得父窗体对象,父窗体的Grid所有的列

l         选择是否显示Grid后,点击对话框的确定,保存选择的Style到缓存中一份,同时更改父窗体的Grid显示,再保存一份Style数据到客户端本地。

l         点击列显示读取,从客户端本地的Style文件读取数据,设置Grid属性。在SSB架构时,在窗体读取的时候自动加载自定义的Style 文件属性的。

 

13.              C1设置的查找功能实现

这个功能实现起来也比较复杂,在SSB框架里面窗体基类实现了这个方法。点击命令按钮,弹出在查找对话的对话框,输入要查找的信息,选中对应的Grid列,就可以在该列中查找对应的信息。目前仅支持选中列的查找,不支持全Grid数据的查找。

 

 

 

C1常用操作指南 B/S部分

C/S部分引用的是C1WebGrid控件,因为大家对GridView和ZTEGridView比较熟,相同的属性我这里就不介绍了, 只介绍C1WebGrid特有的属性。

  1. 列宽度改变

可以手工拖拽行的宽度

 

  1. 列位置拖拽

与C/S一样,C1WebGird可以手动改变列的位置

 

  1. 列锁定

当滚动条滚动时,前面Fix的列是固定不动

 

  1. Ajax是否支持

支持

 

参考书目

1.  ComponentOne Studio Enterprise 帮助文档

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多