powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / innerText и relayout
7 сообщений из 7, страница 1 из 1
innerText и relayout
    #38080578
Bond__JamesBond
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Реализуем RICH клиента под веб. Необходимо сделать грид, который обновляется при изменении какого-то поля. Сначала использовали GWT'ый grid, который просто генерит внутреннюю html'ку и заменяет innerHtml у grid'а. Проблема в том что на таблице 30 колонок на 80 время затрачиваемое на parse \ recalculate style \ и layout было очень значительное. Тогда попробовали использовать другой подход, при обновлении данных бежали по DOM'у (в первый раз он ессно создавался), и меняли "значение" ячеек. Делали это через установку innerText (grid соответственно набор tr \ td и внутри обертка из div, которому и устанавливается innerText). Все стало лучше, но не настолько насколько ожидалось. В частности например когда обновляется одна колонка, время на layout (судя по хромовскому профайлеру), почему-то зависит от количества колонок. Хотя в стилях каждой ячейки стоит overflow:hidden, и браузер по идее должен догадаться что ничего relayout'ить не надо (что еще забавнее хром показывает что relayout'ся вся форма). Пробовали через input и value тоже не помогает.

Может кто-нибудь сталкивался как быстро обновить значения в большом гриде (в идеале грубо говоря в 30x100 уложиться 30мс) и избежать ненужного relayout'а.
...
Рейтинг: 0 / 0
innerText и relayout
    #38080721
Фотография Паганель
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Bond__JamesBondПроблема в том что на таблице 30 колонок на 80 время затрачиваемое на parse \ recalculate style \ и layout было очень значительноеда ладно, подумаешь 100 миллисекунд на обновление всего грида
это не значительно
обычный юзер даже и не заметит
...
Рейтинг: 0 / 0
innerText и relayout
    #38080774
Фотография skyANA
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
...
Рейтинг: 0 / 0
innerText и relayout
    #38080827
Bond__JamesBond
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Паганель,

Вообще считается что 100 мс и выше, граница выше которой интерфейс начинает "подвисать", что реально напрягает при работе.
...
Рейтинг: 0 / 0
innerText и relayout
    #38080828
Bond__JamesBond
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
skyANA,

Читал эту статью, но там сформулированный мой вопрос никак не затрагивается.

ЗЫ: Кстати возникла идея, надо глянуть как это в google docs при редактировании ячейки таблицы делается...
...
Рейтинг: 0 / 0
innerText и relayout
    #38080898
Фотография Antonariy
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
...
Рейтинг: 0 / 0
innerText и relayout
    #38081075
stopkran
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
Bond__JamesBondЧитал эту статью, но там сформулированный мой вопрос никак не затрагивается.


Там этого есть: "клонируйте ваши узлы, изменяйте копии, а затем заменяйте ими оригиналы". Имеет прямое отношение к скорости отрисовки. По моему опыту, это единственная эффективная схема - все остальные ухищрения (типа innerHTML vs DOM) влияют на скорость значительно меньше.
...
Рейтинг: 0 / 0
7 сообщений из 7, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / innerText и relayout
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]