編輯顯示值時在JQuery Datatables中更改一行中的樣式

我有一個顯示從數據庫中獲取的對象的JQuery插件的數據表。在每一行的末尾有一個「編輯」按鈕，點擊後會打開一個帶有允許用戶更改對象的字段的彈出窗口。編輯顯示值時在JQuery Datatables中更改一行中的樣式

下面的代碼是打開彈出窗口的「編輯」按鈕。

<td>@Ajax.ActionLink("Edit", 
           "controllerMethodReturningEditView", 
           new 
           { 
            Id = @m.Id 
           }, 
           new AjaxOptions 
           { 
            HttpMethod = "GET", 
            UpdateTargetId = "popupBox", 
            InsertionMode = InsertionMode.Replace, 
            OnSuccess = "openPopup('myPopup')" 
           })</td>

按下編輯按鈕時調用的控制器方法只是打開一個觀點，即處於popupbox

return PartialView("editObjectView", objectModel);

而這個「editObjectView」顯示的部分只包含與用於拍攝的輸入字段的形式。

@using(Html.BeginForm(... 
      <label>...</label><input ... /> 
      .... and so on

然後在這個彈出窗口中允許用戶編輯顯示對象的值。當用戶在彈出窗口中按下「保存」按鈕時，新的值將被髮送到控制器方法，該方法將值（對象）保存到數據庫中。當保存值時，控制器方法調用加載第一個視圖（顯示數據表的視圖）的控制器方法，並且該方法請求數據庫中的所有對象以顯示新對象或對對象的更改。

現在這是我的問題：當一個對象被編輯後重新加載頁面時，如何更改編輯行的樣式？我只需要在最近編輯的行周圍設置一個紅色邊框。我寧願如果我不必通過用於重新加載頁面的所有控制器方法來發送對象。

感謝您的幫助，感謝！

來源

2012-07-11 Marcus Åberg

您可以發佈由「controllerMethodReturningEditView」返回的內容？ – Chandu 2012-07-11 13:37:45

@Chandu它的完成 – 2012-07-11 13:52:22

我有關於數據表的另一個問題在這裏：http://stackoverflow.com/questions/11447735/mvc3-getting-values-from-edited-rows-in-datatable如果有人想幫我在那裏以及。真的很感謝你們的幫助！ – 2012-07-12 08:21:32

不知道什麼是返回到頁面，不知道你想更新的樣式。

假設您想要交替每行css類。你可以做類似的內容添加到頁面下方後：

$("tr:nth-child(odd)", "#YOUR_TABLE_ID").addClass("odd-row");

或者，確保每個行HTML的格式是一個唯一的ID標籤「...」，然後做一些jQuery的執行設置在被添加到頁面後的類。

如果請求是一個Ajax請求，而你使用JSON返回的東西回來 - 這樣的：

var json { Id = Table.ID, status = true };

隨後的onSuccess事件會做這樣的事情：

function OnSaveSuccess(data) { 
    if (data.status) { 
     $("#" + data.Id).addClass("highlight-row"); 
    } else { 
    console.warn("save was not successful!"); 
    } 
}

來源

2012-07-11 13:44:22 anAgent

我想你錯過了我的問題。我想編輯表格中的一行 - >通過將更改發送到數據庫來更新對象 - >重新加載頁面，並在包含剛剛編輯的對象信息的行上放置紅色邊框，以便用戶驗證他/她變化。今天一切正在工作，除了行周圍出現紅色邊框的部分，這就是我需要幫助 – 2012-07-11 13:57:17

哦，謝謝澄清。我不確定你要返回什麼，但我已經更新了這個例子，就好像你正在返回json一樣。 – anAgent 2012-07-11 14:37:38

我沒有返回一個json對象。查看網站是否在不斷處理數據庫，並且每個視圖都是從後端（wcf）請求加載的數據，從數據庫獲取數據。看到我的問題的更新，並感謝您試圖幫助我:) – 2012-07-12 07:51:44

編輯顯示值時在JQuery Datatables中更改一行中的樣式

回答

相關問題