Vijayavel Nadar Ответов: 1

Медленный ввод текста/медленный фокус в текстовых полях внутри таблицы


У меня есть ASP.NET/MVC/Jquery веб-проект. На одной из страниц при нажатии кнопки на главной странице будет отображен частичный вид. Эта частичная страница содержит таблицу с более чем 1000 строками и текстовым полем в одном столбце в каждой строке.

У меня есть своего рода проблемы с производительностью, когда я печатаю в текстовом поле. Найдите ниже факторы.

1. Когда я печатаю в любом текстовом поле внутри таблицы, рендеринг введенного символа происходит очень медленно.
2. когда фокус смещается из этого текстового поля, смещение фокуса занимает больше времени. Например. когда я нажимаю tab из текстового поля, чтобы перейти в другое текстовое поле, я могу буквально ждать около 3-6 секунд, чтобы сосредоточиться на следующем текстовом поле.

Я ценю чью-то помощь в этом деле!

Mike Meinz

1000 строк на веб-странице. Разве это не вызовет у вас проблемы с производительностью? Попробуйте сделать это с 50 строками и посмотрите, есть ли разница в производительности. Если так, то это и есть причина вашей проблемы!

Vijayavel Nadar

Да, Майк...Я попробовал с меньшим количеством строк, начиная с 10 строк. Проблема фокусировки прямо пропорциональна количеству строк в таблице :(

Niral Soni

Я согласен с тем, что сказал Майк. Было бы хорошо, если бы вы использовали пагинацию для отображения 1000 записей.
А также попробуйте установить свойство TABINDEX для каждого текстового поля и посмотреть, работает ли оно.

Vijayavel Nadar

Майк/Нирал-
Я удалил валидатор Jquery с этой страницы. После этого скорость набора текста действительно вернулась к норме, так как у меня все еще есть проблема с фокусом. В тот момент, когда я набираю что-то и выделяю(фокусирую) из этого текстового поля, требуется необычное время, чтобы сосредоточиться на другом элементе управления. После этого, когда я проверил contol, я действительно вижу, что пара атрибутов была добавлена к элементу управления Jquery, кажется. Найдите ниже эти атрибуты.

класс="действительный"
jquery***********="****" (** некоторые случайные числа)

Надеюсь, что jquery делает что-то за кулисами, и это снижает производительность.

Vijayavel Nadar

Майк-
Я как-то завернул таблицу с Jquery datatable, которая будет активно показывать 10 записей, а остальные будут в пагинации. Но все равно не повезло!

farheen idrisi

привет,


Я сталкиваюсь с той же проблемой с текстовыми полями. Когда я нажимаю на текстовое поле, оно не сразу фокусируется и занимает много времени со всеми текстовыми полями на моей странице.

1 Ответов

Рейтинг:
0

Mike Meinz

Опции:

1. извлекайте и отображайте не более 50 строк одновременно, чтобы повысить производительность и позволить пользователю нажать кнопку "Далее", чтобы просмотреть больше.

2. разрешить пользователю переходить к разделу данных с помощью поиска, а затем извлекать и отображать только те строки, которые соответствуют критериям выбора.

3. отобразите папку или древовидную структуру и позвольте пользователю выбрать узел для отображения строк, принадлежащих этому узлу.