IE7,8でのASP.NETツリービューのパフォーマンスの問題

Question

私は2000ノードを持つ私のasp.netアプリケーションでtreeviewを使用しています。 IE7,8でツリービューを読み込むのに40秒かかり、Firefoxとクロムで同じページが1/10時間かかる。この問題の解決策はありますか？これを検索しようとしましたが、未回答の質問しか見つかりませんでした。これがIE 7,8の制限である場合、その理由は何か。それはレンダリングエンジンのためですか？問題の解決策はありますか？私はjqueryツリービューを使用してみたが、IEと警告ポップアップを遅いスクリプトのために再度ハングすることを意味する。

助けてください。

Answer 1

アプリケーションでAJAXを使用し、AJAX経由でツリービューを動的にロードすることは常に有効です。ここでは、このjQueryプラグインを試してみました

http://www.codeproject.com/KB/ajax/selfloadelement.aspx

Answer 2

リンクが...ですか？ http://www.jstree.com/

これはAJAXロードをサポートしています。これは2000ノードツリーに最適です。

Answer 3

何か他のことが起こっている必要があります。私はTreeViewでいくつかのパフォーマンステストを行い、はるかに短い時間で40秒後に5000ノードを含む複雑なツリー構造をレンダリングすることができました。 IE8で約3秒でレンダリングされた2000ノードの複合ツリー。もしあなたがあなたのツリーについてもっと詳しい情報を提供できるのであれば、私はもっと助けてくれるかもしれません。

レンダリングされたHTMLの量は、大きなツリーの時間をレンダリングする際の最大の要因の1つです。ページ名を短縮してURL文字列の長さを短くする（ノードがページに直接リンクする場合）、CSSクラスをより高度なスタイルシートの使用方法に置き換えるなど、単純なことでさえかなり高速になります。

以下

_nodeCountサイズのランダムな複雑なツリーを生成するための私のコードです：

ASPXページはテレビという名前のTreeViewコントロールを持っています

<asp:TreeView ID="tv" runat="server"></asp:TreeView> 

コードの後ろに、次のようになります。

private Random _rand = new Random(); 
private int _nodeCount = 2000; 

protected void Page_Load(object sender, EventArgs e) 
{ 
    if (!Page.IsPostBack) 
    { 
     //create a big tree 
     var itemCount = 0; 
     while (itemCount < _nodeCount) 
     { 
      //create a parent item 
      var n = new TreeNode("Node " + itemCount.ToString(), itemCount.ToString()); 
      itemCount++; 

      tv.Nodes.Add(n); 

      CreateSubItem(n, ref itemCount); 
     } 
    } 
} 

protected void CreateSubItem(TreeNode parent, ref int itemCount) 
{ 
    //chance that we won't create a sub item 
    if (_rand.Next(2) == 1 || itemCount > _nodeCount) 
    { 
     return; 
    } 

    var n = new TreeNode("Child Node " + itemCount.ToString(), itemCount.ToString()); 
    itemCount++; 

    parent.ChildNodes.Add(n); 

    CreateSubItem(n, ref itemCount); 
    CreateSubItem(parent, ref itemCount); 
} 

更新7/20
おそらくあなたはロジックをとることができますアイコンを設定して.NETコードに移動するためのjavascriptでは、これによりページの読み込み時間が大幅に短縮されます。このページ、http://weblogs.asp.net/dannychen/archive/2006/01/25/436454.aspxは、TreeNodeのレンダリングをカスタマイズする方法を示しています。多分それはあなたのための良い出発地になるかもしれません。

Answer 4

ツリービューから生成されたレンダリングされたhtmlを開くと、コントロールがhtmlテーブルtrとtdを生成することがわかります。これはIEでレンダリングするのに非常に時間がかかると思いますツリービューのコントロールから継承する新しいカスタムWebコントロールを作成し、HTMLの代わりにDivを書き込むための「レンダリングメソッド」を更新します。これには、プロフェッショナルな開発者とHTMLデザイナーが必要です。

私はあなたがこの新しいコントロールをコミュニティと共有することができると思います。このダミーのasp.net gridviewを取り除くために、あなたがそれを強化することができます。

Answer 5

属性HoverNodeStyle-CssClass = "nh"を設定すると、IE9ではツリービューのレンダリングが遅くなります。私は属性を削除し、パフォーマンスを復元しました。