做一个可编辑的表格控件

【实现内容】做一个可编辑的表格控件。

【使用控件】一个MSFLEXGRID表格控件,一个文本控件,一个下拉列表控件。

【实现原理】我喜欢把这个方法称为视觉假象。由于MSFLEXGRID控件本身是不支持直接编辑的。所以需要结合文本控件或者下拉列表控件,使表格控件的运行效果如同可以直接编辑一样。

【实现步骤】

1.  当鼠标点击表格控件的某一格时,首先判断该列的属性,是直接编辑呢,还是用下拉列表进行选择。

2.  显示隐藏的文本控件或者下拉列表控件,显示的位置和大小与选中格的位置大小完全相同,这样可以覆盖选中格

3.  将选中格的内容填到文本控件或者下拉列表控件中

4.  修改完毕后,将新的内容填到选中格中,同时隐藏文本控件或者下拉列表控件。

【主要程序段及说明】

变量定义:

CComboBox m_ChangeCombo--下拉列表控件,初始时不可见

CEdit       m_Change---------------文本控件,初始时不可见

CSring  m_sChange;----------------与文本控件关联的字符串

CMSFlexGrid  m_FlexGrid-----表格控件

 

程序段:

表格点击事件:选中某一格后,就要显示相应的文本控件或者列表控件

void CChartInfoEditDlg::OnClickMsflexgrid()

{

       //点击无效区,返回

       long lRow = m_FlexGrid.GetRowSel();//获取点击的行号

       long lCol = m_FlexGrid.GetColSel();  //获取点击的列号

       if(lRow>m_SAttrInfo.attrNum)      //如果点击区超过最大行号,则点击是无效的

              return;

       if(lRow == 0)                    //如果点击标题行,也无效

              return;

       //

       CRect rect;

       m_FlexGrid.GetWindowRect(rect);  //获取表格控件的窗口矩形

       ScreenToClient(rect);             //转换为客户区矩形

       // MSFlexGrid 控件的函数的长度单位是"(twips)"

       //需要将其转化为像素,1440 = 1 英寸

       CDC* pDC =GetDC();

    //计算象素点和缇的转换比例

       int nTwipsPerDotX = 1440 / pDC->GetDeviceCaps(LOGPIXELSX) ;

       int nTwipsPerDotY = 1440 / pDC->GetDeviceCaps(LOGPIXELSY) ;

       //计算选中格的左上角的坐标(象素为单位)

       long y = m_FlexGrid.GetRowPos(lRow)/nTwipsPerDotY;

       long x = m_FlexGrid.GetColPos(lCol)/nTwipsPerDotX;

    //计算选中格的尺寸(象素为单位)。加1是实际调试中,发现加1后效果更好

       long width = m_FlexGrid.GetColWidth(lCol)/nTwipsPerDotX+1;

       long height = m_FlexGrid.GetRowHeight(lRow)/nTwipsPerDotY+1;

    //形成选中个所在的矩形区域

       CRect rc(x,y,x+width,y+height);

    //转换成相对对话框的坐标

       rc.OffsetRect(rect.left+1,rect.top+1);

       //清空下拉列表的内容

       m_ChangeCombo.ResetContent( );

    //以下省略哪一列用文本控件,哪一列用下拉列表控件的判断。如果是用下拉列表控件,则会先向下拉列表控件中增加数据,否则为空

……………………………….

……………………………….

       //获取选中格的文本信息

       CString strValue = m_FlexGrid.GetTextMatrix(lRow,lCol);

       int num = m_ChangeCombo.GetCount();

    //如果下拉列表控件中有数据,则表示使用下拉列表控件来进行数据选择

       if(num!=0)

       {

              m_ChangeCombo.ShowWindow(SW_SHOW);//显示控件

              m_ChangeCombo.MoveWindow(rc);        //移动到选中格的位置,覆盖

              m_ChangeCombo.SelectString(-1,strValue);   //内容全选。方便直接修改

              m_ChangeCombo.SetFocus();              //获取焦点

              UpdateData(false);

              return;

       }

       //

       m_Change.ShowWindow(SW_SHOW);    //显示控件

       m_Change.SetWindowText(strValue);      //显示文本

       m_Change.SetFocus();                  //获取焦点

       m_Change.SetSel(0,-1);                 //全选

       m_Change.MoveWindow(rc);            //移动到选中格的位置,覆盖

}

文本编辑完毕后,回车即将新的文本信息填到选中格中

void CChartInfoEditDlg::OnKillfocusEditChange()

{

       UpdateData(true);

       m_FlexGrid.SetText(m_SChange);//设置文本信息

       m_Change.ShowWindow(SW_HIDE);      //隐藏文本控件

       UpdateData(false);

}

下拉列表编辑完毕后,将新的新息填到选中格中

void CChartInfoEditDlg::OnKillfocusChangecombo()

{

       UpdateData(true);

       CString str;

       m_ChangeCombo.GetWindowText(str);

m_FlexGrid.SetText(str);

       m_ChangeCombo.ShowWindow(SW_HIDE);

       UpdateData(false);

}

【总结】这是一个比较简单的程序。如果表格中列较多,属性各有不同,也许大家可以试着用更加复杂的控件来编辑信息。也可以同时做多个文本控件和下拉列表控件,以对应不同列的不同信息要求(比如有的格信息可能又不同的格式要求,那么可以预先做好各种不同风格的控件与之对应)。

【笔者注】虽然当前有许多这样的例子。但笔者做这个程序时,并没有借鉴现有的东西。因此可能在方法上不见得最简单。但确实效果不错,对付一般情况是没有问题的。大家如果对此有疑问或新思想,可以和笔者讨论。联系信箱:happyparrot@126.com

  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
Element 是一个基于 Vue.js 的开源组件库,提供了丰富的可复用的 UI 组件,其中包括了可编辑表格封装控件。 Element 的可编辑表格封装控件非常方便实用。首先,它提供了一个表格组件,可以在其中显示和编辑数据。用户可以自定义表格的列数和行数,以及每列的数据类型和样式。通过设置相应的属性和方法,可以实现单元格的编辑、增加、删除以及排序等操作。 除了基本的增删改查功能,Element 的可编辑表格封装控件还提供了其他实用的功能。例如,它支持行拖拽排序,可以按照指定的列对表格进行排序,还可以进行合并单元格等操作。同时,用户可以自定义表格的样式,包括表头的样式、每行每列的样式,以及单元格的验证规则等。这样,用户可以根据自己的需求,灵活地设计和使用可编辑表格。 另外,Element 的可编辑表格封装控件还支持表格的数据导出和导入。用户可以将表格中的数据导出为 Excel、CSV 等格式,方便进行数据的备份和共享。同时,用户也可以选择从 Excel、CSV 等文件中导入数据到表格中,提高了数据的导入效率。 总的来说,Element 的可编辑表格封装控件非常强大和实用。它提供了丰富的功能和灵活的配置选项,可以满足各种不同场景和需求的使用。无论是用于数据展示还是数据编辑,Element 的可编辑表格封装控件都能够提供便捷和高效的解决方案。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

快乐鹦鹉

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值