Performance Jqgrid树状网格性能

Performance Jqgrid树状网格性能,performance,jqgrid,treegrid,Performance,Jqgrid,Treegrid,我已经尝试过gridview:true、loadui:block,但在加载后显示treegrid仍然需要更多的时间。我的json包含超过2044个数据。我使用的是firefox 3.6版 我的代码如下 ** ** //此功能在格式化程序中用于显示单选按钮 function gLCheckbox(amount,options,rData) { if(rData.additionalInfo === 'G') return '<div id ="checkglI

我已经尝试过gridview:true、loadui:block,但在加载后显示treegrid仍然需要更多的时间。我的json包含超过2044个数据。我使用的是firefox 3.6版

我的代码如下

**

**

//此功能在格式化程序中用于显示单选按钮

function gLCheckbox(amount,options,rData)
{
     if(rData.additionalInfo === 'G')
           return '<div id ="checkglId"><input type="radio" id="radioId" name ="radioName" value="' +rData.text+'" align = "center",offval="off" onclick="selectGLElement(\''+rData.id+'\');" />&nbsp;'+amount + '</div>';
    else
           return amount;
}

我终于得到了问题的答案。我现在能够自动将大量数据放入treegrid

我使用了treegrid邻接模型,并根据需要自动加载树。但我的treenode在OnSetrow上加载了

onSelectRow: function(id){ 
            var data = $(this).jqGrid("getRowData", id);
            getChildTree(data,data.glId);


        } 

function getChildTree(postdata,id)
{
    $.ajax({
            type: "GET",
            url: "GlChildTreeStructure.action?glId="+id,
            dataType: "json",
            success: function(json){
                JsonDataObj = json;
                    for(var i=0;i<JsonDataObj.ChildTreeList.length;i++){
                        if(JsonDataObj.ChildTreeList.isLeaf==true){
                            //alert("JsonDataObj.ChildTreeList : "+JsonDataObj.ChildTreeList[i].glId)
                             $("#GlTreeStructureGrid").jqGrid("addChildNode",JsonDataObj.ChildTreeList[i].glId, JsonDataObj.ChildTreeList[i].parentId,
                                        {
                                         "glId":JsonDataObj.ChildTreeList[i].glId,
                                         "text":JsonDataObj.ChildTreeList[i].text,
                                         "additionalInfo":JsonDataObj.ChildTreeList[i].additionalInfo,
                                         "alternativeParent":JsonDataObj.ChildTreeList[i].alternativeParent,
                                         "parentId":JsonDataObj.ChildTreeList[i].parentId,
                                         "parent":JsonDataObj.ChildTreeList[i].parentId,
                                         "dataType":JsonDataObj.ChildTreeList[i].dataType,
                                         "periodType":JsonDataObj.ChildTreeList[i].periodType,
                                         "glPresentationOrder":JsonDataObj.ChildTreeList[i].glPresentationOrder,
                                         "extendedLink":JsonDataObj.ChildTreeList[i].extendedLink,
                                         "parentCalculation":JsonDataObj.ChildTreeList[i].parentCalculation,
                                         "isLeaf":JsonDataObj.ChildTreeList[i].isLeaf,
                                         "level":JsonDataObj.ChildTreeList[i].level,
                                         "lft":JsonDataObj.ChildTreeList[i].lft,
                                         "expanded":JsonDataObj.ChildTreeList[i].expanded,
                                         "loaded":JsonDataObj.ChildTreeList[i].loaded,
                                         "icon":JsonDataObj.ChildTreeList[i].icon,
                                         "rgt":JsonDataObj.ChildTreeList[i].rgt});

                        }else{
                        //  alert("JsonDataObj.ChildTreeList : "+JsonDataObj.ChildTreeList[i].glId)
                             $("#GlTreeStructureGrid").jqGrid("addChildNode",JsonDataObj.ChildTreeList[i].glId, JsonDataObj.ChildTreeList[i].parentId,
                                        {
                                         "glId":JsonDataObj.ChildTreeList[i].glId,
                                         "text":JsonDataObj.ChildTreeList[i].text,
                                         "additionalInfo":JsonDataObj.ChildTreeList[i].additionalInfo,
                                         "alternativeParent":JsonDataObj.ChildTreeList[i].alternativeParent,
                                         "parentId":JsonDataObj.ChildTreeList[i].parentId,
                                         "dataType":JsonDataObj.ChildTreeList[i].dataType,
                                         "parent":JsonDataObj.ChildTreeList[i].parentId,
                                         "periodType":JsonDataObj.ChildTreeList[i].periodType,
                                         "glPresentationOrder":JsonDataObj.ChildTreeList[i].glPresentationOrder,
                                         "extendedLink":JsonDataObj.ChildTreeList[i].extendedLink,
                                         "parentCalculation":JsonDataObj.ChildTreeList[i].parentCalculation,
                                         "isLeaf":JsonDataObj.ChildTreeList[i].isLeaf,
                                         "level":JsonDataObj.ChildTreeList[i].level,
                                         "lft":JsonDataObj.ChildTreeList[i].lft,
                                         "expanded":JsonDataObj.ChildTreeList[i].expanded,
                                         "loaded":JsonDataObj.ChildTreeList[i].loaded,
                                         "icon":JsonDataObj.ChildTreeList[i].icon,
                                         "rgt":JsonDataObj.ChildTreeList[i].rgt});
                        }

                    }



            },

    });

}
function gLCheckbox(amount,options,rData)
{
     if(rData.additionalInfo === 'G')
           return '<div id ="checkglId"><input type="radio" id="radioId" name ="radioName" value="' +rData.text+'" align = "center",offval="off" onclick="selectGLElement(\''+rData.id+'\');" />&nbsp;'+amount + '</div>';
    else
           return amount;
}
onSelectRow: function(id){ 
            var data = $(this).jqGrid("getRowData", id);
            getChildTree(data,data.glId);


        } 

function getChildTree(postdata,id)
{
    $.ajax({
            type: "GET",
            url: "GlChildTreeStructure.action?glId="+id,
            dataType: "json",
            success: function(json){
                JsonDataObj = json;
                    for(var i=0;i<JsonDataObj.ChildTreeList.length;i++){
                        if(JsonDataObj.ChildTreeList.isLeaf==true){
                            //alert("JsonDataObj.ChildTreeList : "+JsonDataObj.ChildTreeList[i].glId)
                             $("#GlTreeStructureGrid").jqGrid("addChildNode",JsonDataObj.ChildTreeList[i].glId, JsonDataObj.ChildTreeList[i].parentId,
                                        {
                                         "glId":JsonDataObj.ChildTreeList[i].glId,
                                         "text":JsonDataObj.ChildTreeList[i].text,
                                         "additionalInfo":JsonDataObj.ChildTreeList[i].additionalInfo,
                                         "alternativeParent":JsonDataObj.ChildTreeList[i].alternativeParent,
                                         "parentId":JsonDataObj.ChildTreeList[i].parentId,
                                         "parent":JsonDataObj.ChildTreeList[i].parentId,
                                         "dataType":JsonDataObj.ChildTreeList[i].dataType,
                                         "periodType":JsonDataObj.ChildTreeList[i].periodType,
                                         "glPresentationOrder":JsonDataObj.ChildTreeList[i].glPresentationOrder,
                                         "extendedLink":JsonDataObj.ChildTreeList[i].extendedLink,
                                         "parentCalculation":JsonDataObj.ChildTreeList[i].parentCalculation,
                                         "isLeaf":JsonDataObj.ChildTreeList[i].isLeaf,
                                         "level":JsonDataObj.ChildTreeList[i].level,
                                         "lft":JsonDataObj.ChildTreeList[i].lft,
                                         "expanded":JsonDataObj.ChildTreeList[i].expanded,
                                         "loaded":JsonDataObj.ChildTreeList[i].loaded,
                                         "icon":JsonDataObj.ChildTreeList[i].icon,
                                         "rgt":JsonDataObj.ChildTreeList[i].rgt});

                        }else{
                        //  alert("JsonDataObj.ChildTreeList : "+JsonDataObj.ChildTreeList[i].glId)
                             $("#GlTreeStructureGrid").jqGrid("addChildNode",JsonDataObj.ChildTreeList[i].glId, JsonDataObj.ChildTreeList[i].parentId,
                                        {
                                         "glId":JsonDataObj.ChildTreeList[i].glId,
                                         "text":JsonDataObj.ChildTreeList[i].text,
                                         "additionalInfo":JsonDataObj.ChildTreeList[i].additionalInfo,
                                         "alternativeParent":JsonDataObj.ChildTreeList[i].alternativeParent,
                                         "parentId":JsonDataObj.ChildTreeList[i].parentId,
                                         "dataType":JsonDataObj.ChildTreeList[i].dataType,
                                         "parent":JsonDataObj.ChildTreeList[i].parentId,
                                         "periodType":JsonDataObj.ChildTreeList[i].periodType,
                                         "glPresentationOrder":JsonDataObj.ChildTreeList[i].glPresentationOrder,
                                         "extendedLink":JsonDataObj.ChildTreeList[i].extendedLink,
                                         "parentCalculation":JsonDataObj.ChildTreeList[i].parentCalculation,
                                         "isLeaf":JsonDataObj.ChildTreeList[i].isLeaf,
                                         "level":JsonDataObj.ChildTreeList[i].level,
                                         "lft":JsonDataObj.ChildTreeList[i].lft,
                                         "expanded":JsonDataObj.ChildTreeList[i].expanded,
                                         "loaded":JsonDataObj.ChildTreeList[i].loaded,
                                         "icon":JsonDataObj.ChildTreeList[i].icon,
                                         "rgt":JsonDataObj.ChildTreeList[i].rgt});
                        }

                    }



            },

    });

}