扩展TreeView控件-联动复选框(复选框的全选和取消全选).docVIP

介绍扩展TreeView控件：联动复选框（复选框的全选和取消全选）。选中指定的父复选框，则设置其所有子复选框为选中状态；取消选中指定的父复选框，则设置其所有子复选框为取消选中状态。如果某父复选框的所有子复选框为均选中状态，则设置该父复选框为选中状态；如果某复选框的所有子复选框至少有一个为取消选中状态，则设置该父复选框为取消选中状态使用方法（设置属性）：AllowCascadeCheckbox - 是否启用联动复选框功能关键代码相关的js/-//-/*/*Helper开始*/Stotype.yy_stv_startsWith=function(s)/StartsWith()varreg=newRegExp(+s);returnreg.test(this);functionyy_stv_addEvent(obj,evtType,fn)/绑定事件/FFif(obj.addEventListener)obj.addEventListener(evtType,fn,true);returntrue;/IEelseif(obj.attachEvent)varr=obj.attachEvent(on+evtType,fn);returnr;elsereturnfalse;/*/*Helper结束*/*/*联动复选框开始*/varyy_stv_ccTreeView_pre=newArray();/cs中动态向其灌数据（TreeView内控件ID的前缀数组）functionyy_stv_ccClickCheckbox(e)/单击复选框时 varevt=e|window.event;/FF|IEvarobj=evt.target|evt.srcElement/FF|IEyy_stv_foreachChildCheckbox(obj);yy_stv_foreachParentCheckbox(obj);functionyy_stv_checkParentCheckbox(table,checked)/设置父复选框的状态varnodes=table.parentNode.parentNode.childNodes;for(vari=1;inodes.length;i+)if(nodesi=table.parentNode)if(typeof(nodesi-1)=undefined|typeof(nodesi-1.rows)=undefined)return;for(varx=0;xnodesi-1.rows.length;x+)for(varj=0;jnodesi-1.rowsx.cells.length;j+)/debugger;varchk=nodesi-1.rowsx.cellsj.childNodes0;if(typeof(chk)!=undefined&chk.tagName=INPUT&chk.type=checkbox)chk.checked=checked;yy_stv_foreachParentCheckbox(nodesi-1);return;functionyy_stv_foreachChildCheckbox(obj)/单击父复选框时，设置其子复选框的选中状态varchecked; if(obj.tagName=INPUT&obj.type=checkbox)checked=obj.checked;doobj=obj.parentNode;while(obj.tagName!=TABLE)varnodes=obj.parentNode.childNodes;for(vari=0;inodes.length-1;i+)if(nodesi=obj&nodesi+1.tagName=DIV)varelements=nodesi+1.getElementsByTagName(INPUT);for(j=0;jelements.length;j+)if(elementsj.type=checkbox)elementsj.checked=checked;functionyy_stv_foreachParentCheckbox(obj)/单击某一复选框时，设置其父复选框的选中状态varcheckedNum=0;varuncheckedNum=0;if(obj.tagName=INPUT&obj.type=checkbox)doobj=obj.parentNode;while(obj.tagName!=TABLE)vartables=obj.parentNode.getElementsByTagName(TABLE);if(typeof(tables)=undefined)return;for(vari=0;itables.length;i+)for(varx=0;xtablesi.rows.length;x+)for(varj=0;jtablesi.rowsx.cells.length;j+)varchk=tablesi.rowsx.cellsj.childNodes0;if(typeof(chk)!=undefined&chk.tagName=INPUT&chk.type=checkbox)if(chk.checked)checkedNum+;elseuncheckedNum+;if(uncheckedNum=0)yy_stv_checkParentCheckbox(obj,true);elseyy_stv_checkParentCheckbox(obj,false);functionyy_stv_attachCheckboxClickListener()/监听所有联动复选框的单击事件varelements=document.getElementsByTagName(INPUT);for(i=0;ielements.length;i+)if(elementsi.type=checkbox)for(j=0;jyy_stv_ccTreeView_pre.length;j+)if(elementsi.id.yy_stv_startsWith(yy_stv_ccTreeView_prej)yy_stv_addEvent(elementsi,click,yy_stv_ccClickCheckbox);break;if(document.all)window.attachEvent(onload,yy_stv_attachCheckboxClickListener);elsewindow.addEventListener(load,yy_stv_attachCheckboxClickListener,false);/*/*联动复选框结束*/说明：1、页面加载时为指定的TreeView的所有复选框绑定单击事件（根据复选框的前缀判断其是否属于指定的复选框）2、单击某复选框，则遍历其所有子复选框，并进行相应的操作。同时，遍历同级复选框，并对它们的父复选框进行操作，然后再遍历它们的父复选框的同级的复选框，以此类推往上走。相关的属性usingSystem;usingSystem.Collections.Generic;usingSystem.Text;usingSystem.ComponentModel;usingSystem.Web.UI;namespaceYYControls/*/SmartTreeView类的属性部分/publicpartialclassSmartTreeViewprivatebool_allowCascadeCheckbox;/*/是否启用联动复选框功能/Browsable(true),Description(是否启用联动复选框功能),Category(扩展),DefaultValue(false)publicvirtualboolAllowCascadeCheckboxgetreturn_allowCascadeCheckbox;set_allowCascadeCheckbox=value;相关的csusingSystem;usingSystem.Collections.Generic;usingSystem.Text;usingSystem.Web.UI.WebControls;usingSystem.Web.UI;namespaceYYControls.SmartTreeViewFunction/*/扩展功能：联动复选框/publicclassCascadeCheckboxFunction:ExtendFunction/*/构造函数/publicCascadeCheckboxFunction():base()/*/构造函数/SmartTreeView对象publicCascadeCheckboxFunction(SmartTreeViewstv):base(stv)/*/扩展功能的实现/protectedoverridevoidExecute()this._stv.PreRender+=newEventHandler(_stv_PreRender);/*/SmartTreeView的PreRender事件/void_stv_PreRender(objectsender,EventArgse)/注册向数组中添加成员的脚本if(!this._stv.Page.ClientScript.IsClientScriptBlockRegistered(String.Format(yy_stv_cascadeCheckbox_0,this._stv.ID)this._