dhtmlxtree is loading very slow in IE 10 and given alert script on this page may be busy or it may have stopped responding.Please guide me this exception occurs when we have large tree.
This is code we are using
var scopeTreeJSON = '<%= scopeTreeJSON %>'; var scopeTreeid= '<%= scopeChain %>'; var scopeExpandClick = 'N'; var flag = 'Y'; scopeTree=new dhtmlXTreeObject("scope","100%","100%","0"); scopeTree.setSkin('dhx_skyblue'); scopeTree.setImagePath("/PrISMv17Theme/themes/html/PrISMv17Theme/dhtmlx/tree/"); scopeTree.setDataMode("json"); scopeTree.enableKeyboardNavigation(true); scopeTree.enableKeySearch(true); scopeTree.setXMLAutoLoadingBehaviour("function"); scopeTree.setXMLAutoLoading(loadMore); scopeTree.enableSmartXMLParsing(0); scopeTree.enableAutoTooltips(1); <%if (scopeChain != null) {%> scopeTree.deleteChildItems('0'); if (typeof keepPSAlive === "function") { keepPSAlive(); } //loading scope tree using json after double click of scope node scopeTree.loadJSONObject(JSON.parse(scopeTreeJSON )); //scopeTree.loadXMLString(scopeTreeXml); scopeIdArray = scopeTreeid.split("|"); <% } else {%> <%}%> scopeTree.attachEvent("onClick", function(id){ } ); scopeTree.attachEvent("onXLE", function(tree, id) { document.getElementById('loadingDiv').style.display = 'none'; if(scopeIdArray.length >0){ //alert('KK scopeIdArray.length : ' + scopeIdArray.length + ' scopeIdArray ' + scopeIdArray + ' scopeTree.getItemIdByIndex(scopeIdArray[scopeIdArray.length-1],0) : ' + scopeTree.getItemIdByIndex(scopeIdArray[scopeIdArray.length-1],-1)); //alert('KK 1 ' + scopeTree.getItemText(scopeTree.getItemIdByIndex(scopeIdArray[scopeIdArray.length-1]))); //scopeTree.focusItem(scopeTree.getItemIdByIndex(scopeIdArray[scopeIdArray.length-1],0)); //scopeTree.selectItem(scopeTree.getItemIdByIndex(scopeIdArray[scopeIdArray.length-1],0)); if(scopeExpandClick != 'Y'){ scopeTree.focusItem(scopeIdArray[scopeIdArray.length-1]); scopeTree.selectItem(scopeIdArray[scopeIdArray.length-1]); //scopeTree.focusItem(id); //alert(scopeIdArray); //alert(scopeIdArray[scopeIdArray.length-1]); } else { scopeTree.focusItem(id); scopeTree.selectItem(id); // alert('KK 663 '); } //scopeTree.selectItem(scopeIdArray[scopeIdArray.length-1],0); //scopeTree.selectItem(id); } else{ //alert('KK 2 ' + scopeTree.getItemText(scopeTree.getItemIdByIndex(scopeIdArray[scopeIdArray.length-1]))); //scopeTree.focusItem(scopeTree.getItemIdByIndex(id,0)); //scopeTree.selectItem(scopeTree.getItemIdByIndex(id,0)); scopeTree.focusItem(id); scopeTree.selectItem(id); } } ); scopeTree.attachEvent("onDblClick",function(id) { //alert('KK d click . . .id : ' + id); cacheDataOnSubmit(); } ); function loadMore(id){ if(id!=undefined && flag!='N'){ //scopeTreeIdChain+=id+'|'; //alert("portfolioText : " + portfolioText + ", id : " + id); document.getElementById('loadingDiv').style.display = 'block'; //for Rest Browser if (window.XMLHttpRequest) { req = new XMLHttpRequest(); } else if (window.ActiveXObject) { // For New IE. req = new ActiveXObject("MSXML2.XMLHTTP.3.0"); } if (typeof keepPSAlive === "function") { keepPSAlive(); } req.open("GET","<%= request.getContextPath() + "/ScopeServlet?portfolioText="%>"+portfolioText+"<%="&scopeId="%>"+id,false); req.send(); //var output = req.responseText; //if(output.match("/>$")=="/>"){ // scopeTree.showItemSign(id,0); // } //alert("output of loadmore : " + output); //loading scope child json tree into parent json tree scopeTree.loadJSONObject(JSON.parse(req.responseText)); // scopeTree.loadXMLString(output); document.getElementById('loadingDiv').style.display = 'none'; scopeExpandClick = 'Y'; scopeTree.focusItem(id); scopeTree.selectItem(id); } }; please find the attached jpg file