Удалить GridViewRow из JQuery

Question

С моими gridview "gridPayments" пытаюсь удалить Платежи с помощью PaymentId, а также пытаюсь удалить выбранное GridView строки, для этого я вызов функции JQuery, которая находится в файле custom.js, с моей ASPX сценария страница как,

<div class="close1" onclick="DeletePayment(<%# Container.DataItemIndex %>, 
              <%# Eval("PaymentId") %>);"></div> 

и в методе DeletePayment я получать эти Valus, как

function DeletePayment(index,paymentid) { 
//my code for deleting payment.. 
} 

с paymentid я могу удалить платеж путем вызова WebService из моего jQuery, проблема в том, что я хочу refresh the GridView after the successful deletion of Payment.

Я попытался, как удаление GridView строки из этого метода, как

index.remove(); 

, но он не работает, я не знаю, как удалить gridviewrow из этого метода JQuery ... может кто-нибудь помочь мне здесь ....

Answer 1

Одним из способов было бы это:

есть метод в коде-за, чтобы обновить содержимое GridView в:

public void LoadGridViewData(){ // Blah... } 

На странице aspx есть кнопка ASP.NET, которая при щелчке вызовет метод обновления данных GridView.

<asp:Button runat="server" ID="btnRefreshData" ClientIDMode="Static" OnClick="btnRefreshData_OnClick /> 

Теперь создайте метод кнопки мыши, в отделенном коде:

public void btnRefreshData_OnClick(object sender, Eventargs e) 
{ 
    LoadGridViewData(); // This does the data binding stuff on the GridView. 
} 

Наконец, используйте этот Javascript, чтобы подключить кнопку мыши, когда удаление данных:

<script type="text/javascript"> 
    function DeletePayment(index,paymentid) { 
     // Do your deletion, and then finally..... 
     $("#btnRefreshData").click(); // This will call the server-side button click method. 
    } 
</script> 

Теперь я «Не уверен, что выше 100%, поскольку я делаю это из памяти, но общая идея звучит.