Click to See Complete Forum and Search --> : Please Help


haidong2099
05-09-2011, 03:18 AM
I have an asp:treeview control which get a big data from database .i want everytime click on any node , it 'll change background color like using property
<SelectedNodeStyle BackColor="Cyan" /> in treeview . But i dont want to use this type because it's very slow , after clicked , it changed color three second later , it's slow . i wonder can we use java script , or jquery . Please give me a demo solution . thanks a lot . By the way , i can get selected node text and value by java script like this :
<script type = "text/javascript">
function OnClientNodeClicking(evt) {
var src = window.event != window.undefined ? window.event.srcElement : evt.target;
var nodeClick = src.tagName.toLowerCase() == "a";
if (nodeClick) {
var nodeText = src.innerText || src.innerHTML;

var nodeValue = GetNodeValue(src);
var temp = new Array();
temp = nodeValue.split("_");
document.getElementById('<%=txtRefItemId.ClientID%>').value = temp[0];
document.getElementById('<%=txtRefDocId.ClientID%>').value = temp[1];

}

var node = evt.get_node();
node.toggle();
if (nodeClick.get_count()) {
CollapseSiblings(node);
}
}
function CollapseSiblings(node) {
var parent = node.get_parent();
var siblings = parent.get_nodes();
var siblingsCount = siblings.get_count();

for (var nodeIndex = 0; nodeIndex < siblingsCount; nodeIndex++) {
var siblingNode = siblings.getNode(nodeIndex);

if ((siblingNode != node) && (siblingNode.get_expanded())) {
siblingNode.collapse();
return;
}
}
}