結這次的工作，明白了幾個關鍵的地方：
1.JavaScript中的確可以直接引用.Net服務器端控件，但是問題在于，控件的ID在編譯后會自動加上名字空間，所以這里要特別注意。
2.使用JavaScript可以使對TreeView的操作不需要再PostBack，十分方便有效。
3.空間狀態的顯示和實際存儲是有區別的，一定要十分注意。
需要在C#文件中加入：
TreeView.Attributes.Add("oncheck",?"tree_oncheck()");
主要的JavaScript代碼如下：
<script?language="javascript">
<!--

function?tree_oncheck()
{
????var?node?=?TreeView.getTreeNode(event.treeNodeIndex);
????var?Pchecked?=?node.getAttribute("checked");
????setcheck(node,?Pchecked);
????TreeView.queueEvent('oncheck',?node.getNodeIndex());
}

function?setcheck(node,?Pc)
{
????var?ChildNode?=?new?Array();
????ChildNode?=?node.getChildren();
????if?(parseInt(ChildNode.length)?!=?0)
????{
????????for?(var?i?=?0;?i?<?ChildNode.length;?i++)
????????{
????????????var?cNode?=?ChildNode[i];
????????????if?(cNode.getAttribute("checked")?!=?Pc)
????????????{
????????????????if?(parseInt(cNode.getChildren().length)?!=?0)
????????????????????setcheck(cNode,?Pc);
????????????????cNode.setAttribute("checked",?Pc);
????????????????TreeView.queueEvent('oncheck',?cNode.getNodeIndex());
????????????}
????????}
????}
}

//-->
</script>
整個功能的實現需要修改微軟treeview控件的一個Bug?
需要修改inetpub\wwwroot\webctrl_client\1_0\treeview.htc。
把function doCheckboxClick(el)中的第一行，
el.checked = !el.checked;
改成：
el.checked = !el.getAttribute("checked");

posted on 2004-07-15 14:38 Howard 閱讀(3016) 評論(4) ?編輯?收藏 引用 收藏至365Key 所屬分類: 技術人生

評論

?re: 解決TreeView中使用JavaScript完成CheckBox全選的辦法 2004-07-15 14:45

不知道這樣的操作結果在服務器端是否可以正確獲得，因為在實際的應用中曾經發生這樣的狀況，如果服務器端顯式設置過checkbox的狀態后，客戶端的設置改變無法在服務器端獲得?? ??

?re: 解決TreeView中使用JavaScript完成CheckBox全選的辦法 2004-07-15 15:06

我之前遇到的情況就是“客戶端的設置改變無法在服務器端獲得”，現在這個問題已經解決，所以我才整理這些代碼。
但是有一點忘記加了，就是
微軟的treeview控件有一個bug，在postback之后，再點擊checkbox就會亂了。
需要修改inetpub\wwwroot\webctrl_client\1_0\treeview.htc。
把function doCheckboxClick(el)中的第一行，
el.checked = !el.checked;
改成：
el.checked = !el.getAttribute("checked");

十分感謝公司同時Neil Wang在此問題上對我的幫助
?? ??

?re: 解決TreeView中使用JavaScript完成CheckBox全選的辦法 2005-06-17 11:00

好象這樣還是會存在問題
在大部分的時候是正常的

有些時候，會有客戶端的顯示和最終服務器端會有不一致的情況出現

問題原因暫時還沒有找到

轉載于:https://www.cnblogs.com/hzuIT/articles/473755.html

總結

以上是生活随笔為你收集整理的解决TreeView中使用JavaScript完成CheckBox全选的办法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。