0

i am facing performance issue (i.e it is taking more time to load data on screen ) in IE11 .where as in FF its loading quickly . we are using sofea framework and i have found that pagination functionality is taking more time to execute,)

we are using below to append the data to tbody

$('tbody[data-page=' + page + ']', this._table).html(newPages[i].rows);

we tried below using innerHTML

var element = $('tbody[data-page=' + page + ']', this._table);
element.innerHTML = newPages[i].rows;

in debug data is assigning to element.innerHTML but it is not displaying on the screen.

any alternative solution to improve loading performance

Andy
  • 61,948
  • 13
  • 68
  • 95
vallepu veerendra kumar
  • 392
  • 1
  • 3
  • 15
  • That's because `element` isn't a DOM node, it's a jQuery object. You could try `var element = $('tbody[data-page=' + page + ']', this._table).get(0);` to get at the underlying node, but I'm not sure that will fix your performance issue. – Andy Dec 28 '17 at 12:30
  • you mean to say that var element = $('tbody[data-page=' + page +']',this._table).get(newPages[i].rows); like this i need to try – vallepu veerendra kumar Dec 28 '17 at 12:37
  • No. That's not what I mean. [This is what I mean](https://jsfiddle.net/uuh594u4/). – Andy Dec 28 '17 at 12:39
  • for(var i=0, iLen=newPages.length; i < iLen; i++){ var page = newPages[i].pageNum; console.log("rowsappendstrt", new Date()); this._table.append(paginatorTpl.NewTableBody({page: page})); $('tbody[data-page=' + page + ']', this._table).html(newPages[i].rows); console.log("rowsappendend", new Date()); } actually we are using this for loop . if i use get(0). i wont be able to append all the dynamic data – vallepu veerendra kumar Dec 28 '17 at 12:42
  • any alternative solution – vallepu veerendra kumar Dec 28 '17 at 12:43
  • can you please suggest on this – vallepu veerendra kumar Dec 28 '17 at 12:47

0 Answers0