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();
	}
}