玩转控件:对Dev的GridControl控件扩展

时间:2020-04-10 [Stephen-kzx] 人气:1

缘由

　　一切实现来源于需求，目的在于不盲目造轮子，有小伙伴儿在看了《玩转控件:对Dev中GridControl控件的封装和扩展》文章后，私信作者说，因公司业务逻辑比较复杂，展示字段比较多，尤其网格列表控件展示数据太多时候，很多关键列信息不同用户要求展示效果不同，问我有没有好点的处理方式来满足不同客户的需求。

看到这里作者还是比较暗自窃喜的，毕竟自己造的轮子不止作者一个人在用，而且还能收获客户的实际需求来完善轮子。当然客户需求存在即合理。毕竟There are a thousand Hamlets in a thousand people's eyes.

何以解忧唯有撸码

　　有了需求，眼球一转，就撸起袖子加油干吧。初步想法直接在《玩转控件:对Dev中GridControl控件的封装和扩展》的基础上，右键菜单网格设置状态里面处理吧。把处理后的结果通过配置文件方式(ini,xml...)存储起来，网格加载的时候，通过校验是否存在配置文件来加载不同客户的配置信息即可。有了想法，就行动起来吧！气运丹田，双手摊开，扎下马步，使出"拖控件大法"一气呵成！

　　大致需求与实现如上图，本来还有列中文列名的，但是客户说不要~~（如有更多不同需求或更好的想法，请自行添加或者公众号私信作者一起探讨）

Talk is Cheap,Show me the Code

　　跟用户反复沟通，具体效果图如上，下面一起看看是如何实现的。

　思路：网格表格右键点击网格状态设置，弹出如上设置窗体，窗体界面加载的时候绑定GridControl所有数据列，并在保存时候存储到配置文件中，具体代码如下：

 /// <summary>
  /// 数据加载初始化
  /// </summary>
  /// <param name="sender"></param>
  /// <param name="e"></param>
  private void frm_GridSetting_Load(object sender, EventArgs e)
  {
      //读取配置文件，更新网格状态
      string sPath = $@"{ Application.StartupPath}\Task.xml";
      DataTable dtColumns = this.gc.DataSource as DataTable;
      GridView gvv = gc.MainView as GridView; 
      if (dtColumns != null && dtColumns.Rows.Count > 0)
      {
          DataTable dtSetting = new DataTable("GridSetting");
          dtSetting.Columns.Add("ColumnsName", typeof(String));
          dtSetting.Columns.Add("isDisplay", typeof(Boolean));
          dtSetting.Columns.Add("Freeze", typeof(String));
          dtSetting.Columns.Add("ColumnsWidth", typeof(Int32));
          dtSetting.Columns.Add("Order1", typeof(String));
          dtSetting.Columns.Add("Order2", typeof(String));
          dtSetting.Columns.Add("Top", typeof(String));
          dtSetting.Columns.Add("Button", typeof(String));
          dtSetting.Columns.Add("iOrder", typeof(Int32));
  
          if (!File.Exists(sPath))
          { 
              for (int i = 0; i < gvv.VisibleColumns.Count; i++)
              {
                  string colName = gvv.VisibleColumns[i].Name.Replace("col", "");
                  dtSetting.Rows.Add(new object[] { colName, true, "无", 120, "上移", "下移", "置顶", "置底", gvv.VisibleColumns[i].VisibleIndex });
              }
          }
          else
          {
              //读取XML 绑定数据源
              XDocument xdoc = XDocument.Load(sPath);
              var query = from a in xdoc.Descendants("Columns")
                          select new
                          {
                              ColumnsName = a.Attribute("ColumnsName").Value,
                              isDisplay = a.Element("isDisplay").Value,
                              Freeze = a.Element("Freeze").Value,
                              ColumnsWidth = a.Element("ColumnsWidth").Value,
                              iOrder = a.Element("iOrder").Value
                          };
              int index = 0;
              foreach (var item in query.ToList())
              {
                  dtSetting.Rows.Add(new object[] { item.ColumnsName, Boolean.Parse(item.isDisplay), item.Freeze, int.Parse(item.ColumnsWidth), "上移", "下移", "置顶", "置底", index });
                  index++;//排序重置
              }
          }
          gcSetting.DataSource = dtSetting;
          repositoryItemButtonEdit1.ButtonClick += RepositoryItemButtonEdit1_ButtonClick;//上移 
          repositoryItemButtonEdit2.ButtonClick += RepositoryItemButtonEdit2_ButtonClick;//下移 
          repositoryItemButtonEdit3.ButtonClick += RepositoryItemButtonEdit3_ButtonClick;//置顶 
          repositoryItemButtonEdit4.ButtonClick += RepositoryItemButtonEdit4_ButtonClick;//置底 
      }
  }

　　网格窗体点击确认，用来保存用户的配置信息：

/// <summary>
/// 确定
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void btnSure_Click(object sender, EventArgs e)
{
    try
    {
        //保存动作
        string sPath = $@"{ Application.StartupPath}\Task.xml";
    loop:
        if (!File.Exists(sPath))
        {
            File.Create(sPath).Close();
            XDocument xdoc = new XDocument();
            //创建跟节点
            XElement root = new XElement("Mes");
            //添加跟节点
            xdoc.Add(root);

            DataTable dtSetting = gcSetting.DataSource as DataTable;
            int index = 0;
            foreach (DataRow item in dtSetting.Rows)
            {
                //创建person节点 
                XElement per = new XElement("Columns");
                //添加person节点
                root.Add(per);
                //创建属性节点
                XAttribute ColumnsName = new XAttribute("ColumnsName", item["ColumnsName"].ToString());
                //name节点
                XElement isDisplay = new XElement("isDisplay", item["isDisplay"].ToString());

                XElement Freeze = new XElement("Freeze", item["Freeze"].ToString());

                XElement ColumnsWidth = new XElement("ColumnsWidth", item["ColumnsWidth"].ToString());

                XElement iOrder = new XElement("iOrder", index);
                //对person节点添加id属性 以及name sex age节点
                per.Add(ColumnsName, isDisplay, Freeze, ColumnsWidth, iOrder);
                index++;
            }
            //保存linq to xml 文件
            xdoc.Save(sPath);
        }
        else
        {
            File.Delete(sPath);
            goto loop;
        }

        //刷新原始界面显示
        if (RefreshMDIFormEvent != null)
        {
            RefreshMDIFormEvent();
        }
    }
    catch (Exception ex)
    {

    }
    finally
    {

        this.Close();
    }
}

　　因最近项目上线，时间紧迫（吃饭时间写的博客）。作者就偷个懒，每次确认都会先删除配置文件，然后重新新增。实际项目中可以通过更新来处理。而且goto语法也比较low，大家将就着看下效果，具体更好实现，伙伴们可以自行重写。唯一值得注意的点是File文件流的问题，此处偷懒写法

File.Create(sPath).Close();

　　防止保存配置文件的时候，提示文件被其他用户占用的问题。至于上移，下移，置顶，置底等功能网上很多示例，也可以公众号私聊作者，所有源码免费赠送。配置文件如图：

　　
　　配置界面梳理完毕，只需要在主窗体数据加载后，读取配置文件信息变更即可：

kzxGridControl1.DataSource = dataTable;
GridView gv = this.kzxGridControl1.MainView as GridView;
//读取配置文件，更新网格状态
string sPath = $@"{ Application.StartupPath}\Task.xml";
if (File.Exists(sPath))
{
    XDocument xdoc = XDocument.Load(sPath);
    for (int i = 0; i < gv.Columns.Count; i++)
    {
        string colName = gv.Columns[i].Name.Replace("col", "");
        var query = (from a in xdoc.Descendants("Columns")
                     where a.Attribute("ColumnsName").Value == colName
                     select new
                     {
                         isDisplay = a.Element("isDisplay").Value,
                         Freeze = a.Element("Freeze").Value,
                         ColumnsWidth = a.Element("ColumnsWidth").Value,
                         iOrder = a.Element("iOrder").Value
                     }).FirstOrDefault();
        if (query != null)
        {
            gv.Columns[i].Visible = Boolean.Parse(query.isDisplay);
            if (query.Freeze.ToLower().Equals("无"))
            {
                gv.Columns[i].Fixed = FixedStyle.None;
            }
            else if (query.Freeze.ToLower().Equals("左边"))
            {
                gv.Columns[i].Fixed = FixedStyle.Left;
            }
            else if (query.Freeze.ToLower().Equals("右边"))
            {
                gv.Columns[i].Fixed = FixedStyle.Right;
            }
            if (!Boolean.Parse(query.isDisplay))
            {
                gv.Columns[i].VisibleIndex = -1;
                gv.Columns[i].Visible = Boolean.Parse(query.isDisplay);
            }
            else
            {
                gv.Columns[i].VisibleIndex = int.Parse(query.iOrder);
            }
            gv.Columns[i].Width = int.Parse(query.ColumnsWidth);
        }
    }
}

　为了能实时更新配置效果，可在配置窗体添加个委托用于刷新主界面数据：

public delegate void RefreshMDIFormHandler();

public event RefreshMDIFormHandler RefreshMDIFormEvent;

 /// <summary>
/// 网格状态设置
/// </summary>
/// <param name="sender"></param>
/// <param name="e"></param>
private void kzxSimpleButton2_Click(object sender, EventArgs e)
{
    frm_GridSetting frm = new frm_GridSetting(kzxGridControl1);
    frm.RefreshMDIFormEvent += Frm_RefreshMDIFormEvent;
    frm.ShowDialog();
}

private void Frm_RefreshMDIFormEvent()
{
    this.frm_ShowControl_Load(null, null);
}

　　时间紧急，处理的比较粗糙，直接调用load重新加载了。

　　完成！所有实现处理完成，来一起看看效果：