Обновить MVCContrib Grid после выполнения действия строки - PullRequest
Новая
       2

Обновить MVCContrib Grid после выполнения действия строки

0 голосов
/ 28 января 2011

Я использую MVCContrib главным образом для аспектов подкачки, сортировки и фильтрации.Моя сетка содержит все адреса в нашем приложении списка рассылки (только бэкэнд).Пользователь может удалять, активировать и деактивировать элементы списка, поэтому в каждой строке есть ссылки на действия для этих параметров.Используя jQuery, я фиксирую этот щелчок и выполняю другие действия, такие как отображение уведомлений о действии.

Из-за этого у меня возникает проблема, как обновить сетку после выполнения этих действий, чтобы пользовательможно увидеть результаты?При удалении я могу скрыть строку.Что я могу сделать, когда человек активирует / деактивирует электронную почту?Просто используйте jQuery, чтобы обновить значение в таблице, отображающей статус? 

// Activate the email address
$(".ActivateLink").click(function() {
    var id = $(this).attr("href");
    var i = id.indexOf("#");
    id = id.substring(i + 1);
    $.ajaxSetup({ 'async': false });
    $.post("/List/Activate", { "id": id }, function(data) {
        $(".message").text(data.message).addClass("notice");
    }, "json");
    return false;
});

Мой контроллер: 

    //
    // POST: /List/Activate
    [HttpPost]
    public ActionResult Activate(int id)
    {
        string message = String.Empty;
        db.ActivateEventEmail(id, ref message);
        return Json(new { message = message });
    }

Мой просмотр: 

<%= Html.Grid(Model.EmailAddressList).Columns(column => {
    column.For("ImageActions").Named("").Sortable(false);
    column.For(a => (a.Email.Length > 30) ? String.Format("{0}...", a.Email.Substring(0, 30)) : a.Email).Encode(true).SortColumnName("Email").Named("Email Address");
    column.For(a => (a.ContactName.Length > 30) ? String.Format("{0}...", a.ContactName.Substring(0, 30)) : a.ContactName).Encode(true).SortColumnName("ContactName").Named("Contact Name");
    column.For(a => a.SignupDate).Named("Signup Date").Format("{0:d}").Attributes(@style => "text-align: right;");
    column.For(a => a.AccountStatus ? "Yes" : "No").SortColumnName("AccountStatus").Named("Active").Attributes(@style => "text-align: center;");
}).Sort(Model.GridSortOptions)
    .Attributes(@class => "table-list", style => "width: 100%;").RowAttributes(c => new MvcContrib.Hash(@class => "gridrow"))
%>

1 Ответ

0 голосов
/ 29 января 2011

Хорошо, я понял это.

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

// Activate the email address
$(".ActivateLink").live('click', function() {
    var id = $(this).attr("href");
    var i = id.indexOf("#");
    id = id.substring(i + 1);
    $.ajaxSetup({ 'async': false });
    $.post("/List/Activate", { "id": id }, function(data) {
        refreshTable();
        $(".message").text(data.message).addClass("notice");
    }, "json");
    return false;
});

Вышеуказанное действие контроллера, я не касаюсь, и вид, который я имел выше, я не касаюсь. Новая функция JavaScript, которую я создаю, выглядит следующим образом: 

    function refreshTable() {
        $.ajaxSetup({
            async: false,
            cache: false
        });
        $.get('<%= Url.Action("Index", "List", new { filterText = Model.FilterText, filterActive = Model.FilterActive, filterGroup = Model.FilterGroup }) %>',
        function(response) {
            $(".table-list").replaceWith(response)
        });
    };

Убедитесь, что там есть cache: false. IE любит извлекать данные из кеша и действительно путаться.

В моем действии Index я изменился с return View(emailListGrid); на 

        if (Request.IsAjaxRequest())
            return PartialView("EmailMaint", emailListGrid);
        else
            return View(emailListGrid);
...