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