TreeView是Microsoft IE WebControls中很有用的控件，應用廣泛。隨著TreeView打開和收攏，它所實際占據的高度也在變化，我的一個項目中，需要Treeview Control的高度隨之變化，形成“緊湊”的布局。實現方法如下：

一、修改treeview.htc

treeview.htc在http://localhost/webctrl_client/1_0/中，加入如下幾行：

<public:property name="TreeviewNode" GET="getTreeviewNode" />
function getTreeviewNode()
{
return treeviewNode;
}

這是為了將隱藏的屬性傳遞出來。

二、定義javascript函數

function AthosGetTreeViewCompactHeight(TreeviewID)
{
objTreeview = document.all[TreeviewID];
objTreeviewNode = objTreeview.TreeviewNode;
objTreeviewDivs = objTreeviewNode.getElementsByTagName("DIV");
iCount = objTreeviewDivs.length;
CompactHeight = -1;
for(i=0;i<iCount;i++)
{
objTreeviewDiv = objTreeviewDivs[i];
iTop = objTreeviewDiv.offsetTop;
iHeight = objTreeviewDiv.offsetHeight;
iBottom = iTop+iHeight;
if(iBottom > CompactHeight)
CompactHeight = iBottom;
}
return CompactHeight;
}

function AthosFitTreeViewHeight(TreeviewID)
{
objTreeview = document.all[TreeviewID];
objTreeview.style.height = String(AthosGetTreeViewCompactHeight(TreeviewID))+"px";
}

第一個函數，是取得樹的實際高度。第二個函數，是重新設定樹控件的高度。參數則都是樹控件的id。

這樣，就可以控制樹控件的高度了。