保持TreeView(微软的)父子节点的CheckBox节点状态一致的一种方法

来源:互联网 发布:淘宝部分商品退款 编辑:程序博客网 时间:2024/04/29 02:27

找到TreeView.htc,(通常在Inetpub/wwwroot/webctrl_client/1_0下面),或者为TreeView指定合适的路径。
将原来doCheckboxClick方法修改成如下的代码:
function doCheckboxClick(el){
 if(el.checked != event.srcElement.checked){
  private_setAttribute(el,"checked",event.srcElement.checked);
 }
 else{
  el.checked = !el.checked;
 }
 var evt = createEventObject();
 evt.treeNodeIndex = getNodeIndex(el);
 g_nodeClicked = el;
 _tvevtCheck.fire(evt);
 
 setNodeState(el);
}

2、打开文件,为TreeView控件添加如下的方法:
这里大家可以注意到setNodeState已经换成一个参数了,这样更简单也更准确,并将原来其他部分的代码修改如下:
function  _setChildNode(el){
 var childNodes = el.children;
 if(childNodes.length > 0){
  for(var i = 0 ;i<=childNodes.length-1;i++){
   if(childNodes[i].getAttribute("checked") != el.getAttribute("checked")){
    private_setAttribute(childNodes[i],"checked",el.getAttribute("checked"));
    _saveCheckState(childNodes[i]);
   }
   _setChildNode(childNodes[i],el.getAttribute("checked"));
  }
 }
}

function  _setParentNode(el){
 var parentNode = el.parentElement;
 if(parentNode){
  if(!_checkSiblingdNode(el)){
   if(parentNode.getAttribute("checked") != el.getAttribute("checked")){
    private_setAttribute(parentNode,"checked",el.getAttribute("checked"));
    _saveCheckState(parentNode);
    _setParentNode(parentNode,el.getAttribute("checked"));
   }
  }
 }
}

function  setNodeState(el){
 _setChildNode(el);
 _setParentNode(el);
}

function _saveCheckState(el){
 if(getNodeIndex(el))
  queueEvent('oncheck', getNodeIndex(el));
}

function _checkSiblingdNode(el){
 var parentNode = el.parentElement;// you can use getParentTreeNode function in this htc,but I like this usage.
 for(var i = 0;i<=parentNode.children.length-1;i++){
  if(el != parentNode.children[i]){
   if(private_getAttribute(parentNode.children[i],"checked")){
    return true;
   }
  }
 }
 return false;
}

邮件我会找一个时间一次性发送,每天发邮件有点累。:-)

由于该控件无法实现三种状态,所以看起来可能有点逻辑错误,这个错误就是:当用户选择一个子节点的时候它会选中父节点(没有第三种状态,看起来就是全选的状态),选择了父节点(由于是全选状态)那么自然要选择父节点下的所有子节点。以此类推,除了有多个根的树以外的树(只有一个根节点)只要在树上点击一个节点将导致所有的节点被选中的逻辑错误,如果该树支持三种状态这种逻辑错误就可以避免了。
我想适当的修改该树的实现逻辑,应该可以实现3种状态甚至更多的状态。目前先这样吧。:-)

原创粉丝点击