chandra sekhar Ответов: 1

Всплывающее окно с полем поиска и gridview


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

Что я уже пробовал:

Мне нужны некоторые идеи о том, как начать.

Afzaal Ahmad Zeeshan

Настольное или веб-решение?

chandra sekhar

сетевой

1 Ответов

Рейтинг:
2

F-ES Sitecore

Я бы начал получать средство поиска, работающее с текстовым полем на странице, а не во всплывающем окне. Гугл, Как вызвать методы Ajax с JavaScript и сделать это так, что вы можете сделать AJAX-вызов, чтобы URL-адрес на каждое событие keyup в текстовом поле передается содержимое текстового поля в качестве параметра "данные". Далее вам нужно реализовать серверный метод, который выполняет поиск. Вы даже не сказали, является ли это webforms или MVC, если это webforms, вам понадобится WebMethod. Если MVC стандартное действие контроллера будет делать. Напишите тот, который принимает текст в качестве параметра, убедитесь, что метод вызывается и данные передаются при вводе в поле.

Затем выполните поиск таким образом, чтобы он возвращал результаты в виде JSON. Как вы делаете поиск, зависит только от вас, мы ничего не можем предложить, так как вы не предоставили никакой информации вообще.

Далее вам нужно убедиться, что вы получаете возвращенный JSON из вашего ajax-вызова в вашем javascript. Как только это сработает, вам нужно создать таблицу из этого JSON и ввести ее на страницу. Google how to create a table from JSON.

Запуск поиска при каждом включении, вероятно, не самый лучший способ сделать что-то, вместо этого вы, вероятно, захотите вызвать задержку при включении, которая срабатывает примерно через секунду. При каждом нажатии клавиши отмените триггер и создайте новый, Это можно сделать с помощью setTimeout (google для примеров использования), а это означает, что ваш поисковый код срабатывает только через секунду после того, как они перестали печатать, а не при каждом нажатии клавиши.

Как только все это сработает, вы можете поместить текстовое поле во всплывающее окно, а не иметь его на странице, поэтому google how to make a popup-up with jquery. Существует множество способов сделать это и множество плагинов. Учитывая, что вы хотите изменить родительскую страницу, Я бы посоветовал вам не использовать какой-либо всплывающий метод, который включает в себя iframe. Большинство всплывающих плагинов поставляются с кодом, который вызывает всплывающее окно от нажатия кнопки.

Вот в таком порядке я бы все делал: если вы застряли, то не стесняйтесь задавать конкретные вопросы о конкретных проблемах, но не ждите, что мы сделаем всю работу за вас.