среда, 8 сентября 2010 г.

Реализация перезагрузки div через AJAX + MVC

По нажатию на кнопку стоит задача обновить содержимое div-а с id="divToProcessID", контекст подразумевает невозможность использования ништяков навроде Ajax.ActionLink  и тому подобных.


Алгоритм:
  1. Вешаем на что угодно обработчик onclick-а, в котором переходим на JS-функцию onClickBlah.
  2. Создаем Partial View, отвечающую за перерисовку этого дива.
  3. Пишем Action Method, возвращающий эту вьюшку. Пусть на него мапится путь /MyCont/DivRedraw/{параметры}
  4. пишем onClickBlah({параметры}) через 
    function onClickBlah(myID) { $.post("/MyCont/DivRedraw/", { id: myID }, putNewContent, "html");}}
  5. function putNewContent(data) { $("#neededDiv").html("data"); }
В перспективе нужно учесть, что в случае реализации, скажем, пагинации контрол, на котором висит onclick, чаще всего нужно перегружать аналогичным способом, ибо необходимо сменить параметры, с которыми вызывается onClickBlah().

Комментариев нет:

Отправить комментарий