Htmlayout之table模仿CGridCtrl开源控件，实现完美编辑

一.模仿CGridCtrl控件：

首先需要编辑功能，其次可嵌入下拉框、时间日期选择控件、单选复选框等等。对Htmlayout所提供的behavior机制熟悉的人应该会立马想到TA，behavior就是Htmlayout的大杀器。可以编写相应的behavior去操作table以及单元格的各种行为，以便使其具备各种功能。为单元格添加编辑功能第一能想到的就是嵌入input元素，因为SDK里边有相应的例子，但你可能忽视了behavior：edit了，这才是利器，时td元素拥有了编辑框的功能。经过测试直接给td附加behavior：edit操作上会有所“钝”的现象。其实td里边如果有文字内容，那是隐藏了一个text标签，OK 如果td里边有text存在则给text附加behavior样式，否则给td附加该样式。其它控件的嵌入也是如法炮制。

二模仿CGridCtrl控件合并单元格源码：

void CUDGridCtrl::MergeCells( int startRow, int nRow, int startcol, int nCol ){CUDGridCell ele = GetCell(startRow, startcol);ele.m_element.set_attribute("rowspan", aux::itow(nRow));element tr = ele.m_element.parent();while (--nRow>0){element next_tr = tr.next_sibling();if (!next_tr.is_valid())break;element next_td = next_tr.child(ele.m_element.index());if(!next_td.is_valid())break;next_td.destroy();tr = next_tr;}ele.m_element.set_attribute("colspan", aux::itow(nCol));vector<element> vt;  element td_t=ele.m_element;while (--nCol>0){element td = td_t.next_sibling();if(!td.is_valid())break;vt.push_back(td);td_t = td;}int nSize = vt.size();for(int i=0; i<nSize; i++){vt[i].destroy();}}