0

InfragisticsUltraWebTreev6.3を遅延ロードする方法の例が見つかりません

Infragisticsサイトのドキュメントは、最新バージョンのコントロールに制限される傾向があることがわかりましたが、これはアップグレードできないレガシーアプリです。このコントロールでノードを遅延ロードする方法を示すサンプルコードまたはリンクを誰かが持っていますか?

現在の実装では、ツリー全体にデータが入力されているため、1.35MBのhtmlが読み込まれます。うわぁ!

4

1 に答える 1

0

レンダリングされたノードを返すためのJQueryとWebサービスの単純な部分であることが判明しました。

サブアイテムを持つノードはすべて、「Loading ...」というテキストで初期化されるため、スクリプトはサブアイテムの取得を試行します。

<script type="text/javascript" language="javascript">
    var imageTypeExpression = "img[imgType='exp'][src$='plus.gif']";
    var maxRetries = 5;
    jQuery(document).ready(function() {
        jQuery("#T_TreeListCtl " + imageTypeExpression).click(imageClick);
        jQuery("#tdLists").show();
    });

    function imageClick() {
        var parentDivId = jQuery(this).parent().attr('id');
        var nodesDiv = '#M_' + parentDivId;
        if (jQuery(nodesDiv).text() == 'Loading...') {
            getNodes(parentDivId, nodesDiv, maxRetries);
        }
    }

    function getNodes(parentDivId, nodesDiv, retryCount){
        if (retryCount == 0) {
            jQuery(nodesDiv).html("<div>Loading... failed.</div>");
        }
        else {
            jQuery.ajax({ type: "POST",
                url: "WebServices/TreeNodes.asmx/GetChildNodes",
                data: "{'parentId' :'" + parentDivId + "'}",
                dataType: "json",
                contentType: 'application/json; charset=utf-8',
                success: function(json) {
                    var result = eval("(" + json.d + ")");
                    jQuery(nodesDiv).html(result.value);
                    jQuery(imageTypeExpression, nodesDiv).click(imageClick);
                },
                timeout: 100,
                error: function(XMLHttpRequest, textStatus, errorThrown) {
                    if (textStatus == 'timeout') {
                        getNodes(parentDivId, nodesDiv, retryCount - 1); //keep trying
                    }
                }
            });
        }
    }
</script>
于 2010-08-10T16:02:05.353 に答える