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()
, 、そして、子のas eachChildNode.get_nodes()
階層を下るなど。
次に、呼び出して各アイテムを拡張できます .set_expanded(true);
各ノードで展開する必要があります。
所属していません StackOverflow