Загрузка и извлечение данных из нескольких пользовательских элементов управления

Question

У меня есть несколько пользовательских элементов управления на странице, которые используются в основном для ввода данных. Когда продукт загружен, мне нужно загрузить данные продукта во все эти пользовательские элементы управления и извлечь данные, когда мне нужно сохранить продукт. Пользовательские элементы управления не видны пользователю напрямую, вместо этого пользователь нажимает на ссылку, и пользовательский элемент управления открывается в модальном всплывающем окне.

В настоящее время, как я это делаю, я загрузил все пользовательские элементы управления на странице в отдельные элементы управления div и показываю модальное всплывающее окно при нажатии на ссылку. Я уверен, что загрузка всех пользовательских элементов управления на странице не очень хорошая идея. Есть ли лучший способ справиться с этим? Я думаю, что мы можем показать разметку, используя JSON с jQuery - но как я могу загружать и извлекать данные, используя это? Может кто-нибудь помочь, пожалуйста?

Спасибо.

Answer 1

Для более простого подхода вы можете хранить пользовательские элементы управления в элементе div, который изначально скрыт JQuery.

При обратной передаче, т.е. когда пользователь нажимает кнопку / ссылку для определенного продукта, вы можете заполнить все свои элементы управления стандартным способом ASP.Net, чтобы они были готовы к отображению, а затем вызвать бит JS / JQuery, чтобы показать div в качестве модального диалога.

Answer 2

Звучит как чехол для AJAX. Вы можете использовать UpdatePanel внутри div, который определяет модальное диалоговое окно. Из обработчика щелчка для любого элемента управления, вызывающего определенный модальный режим, вы можете динамически заменить один пользовательский элемент управления на другой в этой UpdatePanel, предварительно заполнить данные пользовательского элемента управления и затем показать один модальный элемент, который может быть чем угодно. Не должен быть модальным либо; Вы можете настроить пользовательский интерфейс с помощью элементов управления в виде вкладок, которые переключаются между этими пользовательскими элементами управления в всегда видимом элементе div.