Создание HTML-таблицы на лету с использованием jQuery
Ниже приведен код, который я использую для создания таблицы HTML на лету (используя данные JSON, полученные с сервера).
Я отображаю анимированное изображение Pleasewait (.GIF) во время загрузки данных. Тем не менее, изображение останавливается, пока функция JavaScript строит таблицу. Сначала я был просто счастлив сделать это (показать таблицу), я думаю, теперь мне нужно работать над эффективностью. По крайней мере, мне нужно, чтобы анимация не зависала. Я могу перейти к статической & quot; Загрузка & quot; дисплей, но я бы предпочел, чтобы этот метод работал.
Предложения для моего пожалуйста, подождите дисплей? А эффективность? Возможно, лучший способ построить таблицу? Или, может быть, не таблица, а какая-то другая «таблица» как дисплей
<code>var t = eval( "(" + request + ")" ) ; var myTable = '' ; myTable += '<table id="myTable" cellspacing=0 cellpadding=2 border=1>' ; myTable += "<thead>" ; myTable += "<tr>"; for (var i = 0; i < t.hdrs.length; i++) { myTable += "<th>" + header + "</th>"; } myTable += "</tr>" ; myTable += "</thead>" ; myTable += "<tbody>" ; for (var i = 0; i < t.data.length; i++) { myTable += '<tr>'; for (var j = 0; j < t.hdrs.length; j++) { myTable += '<td>'; if (t.data[i][t.hdrs[j]] == "") { myTable += " " ; } else { myTable += t.data[i][t.hdrs[j]] ; } myTable += "</td>"; } myTable += "</tr>"; } myTable += "</tbody>" ; myTable += "</table>" ; $("#result").append(myTable) ; $("#PleaseWaitGraphic").addClass("hide"); $(".rslt").removeClass("hide") ; </code>