Telerik radtreeview和客户端展开/崩溃
-
26-10-2019 - |
题
我正在遵循这种扩展和折叠客户端JavaScript中所有节点的方法: http://www.telerik.com/help/aspnet/treeview/tree_expand_client_side.html
但是,这需要很长时间才能处理此操作,然后扩展然后崩溃后,我遇到了“脚本无反应”的错误,所以我想知道是否有一种方法可以加速一棵大树?有更好的方法解析吗?目前,这棵树深4个层。
谢谢。
解决方案
我通过异步扩展和崩溃了“脚本无反应”错误。此外,我从底部扩展(因此您可以看到节点扩展)并从顶部崩溃,但是只有当它到达每个分支中的最后一个节点时,因此从视觉上看,这对用户来说更有趣。他们实际上可以看到它发生了,如果它不是很快(IE7且以前特别慢),那么在等待时至少很有趣。
var treeView, nodes;
function expandAllNodesAsynchronously() {
if (<%= expandedLoaded.ToString().ToLower() %>) {
treeView = $find("<%= tv.ClientID %>");
nodes = treeView.get_allNodes();
if (nodes.length > 1) {
doTheWork(expandOneNode, nodes.length);
}
return false;
} else
return true;
}
function expandOneNode(whichNode) {
var actualNode = nodes.length - whichNode;
if (nodes[actualNode].get_nextNode() == null) {
nodes[actualNode].get_parent().expand();
}
}
function collapseAllNodesAsynchronously() {
treeView = $find("<%= tv.ClientID %>");
nodes = treeView.get_allNodes();
if (nodes.length > 1) {
doTheWork(collapseOneNode, nodes.length);
}
}
function collapseOneNode(whichNode) {
if (nodes[whichNode].get_nextNode() == null && nodes[whichNode].get_parent() != nodes[0]) {
nodes[whichNode].get_parent().collapse();
}
}
function doTheWork(operation, cycles) { //, callback
var self = this, // in case you need it
cyclesComplete = 1,
batchSize = 10; // Larger batch sizes will be slightly quicker, but visually choppier
var doOneBatch = function() {
var c = 0;
while(cyclesComplete < cycles) {
operation(cyclesComplete);
c++;
if(c >= batchSize) {
// may need to store interim results here
break;
}
cyclesComplete++;
}
if (cyclesComplete < cycles) {
setTimeout(doOneBatch, 1); // "1" is the length of the delay in milliseconds
}
else {
// Not necessary to do anything when done
//callback(); // maybe pass results here
}
};
// kickoff
doOneBatch();
return null;
};
其他提示
开始获取节点 yourtreeViewInstance.get_nodes()
, ,然后孩子的节点为 eachChildNode.get_nodes()
等等。
那么您可以通过致电扩展每个项目 .set_expanded(true);
在每个节点上,您要展开。
不隶属于 StackOverflow