找到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种状态甚至更多的状态。目前先这样吧。:-)