从jQuery中删除GridViewRow

时间:2012-05-07 12:10:39

标签: jquery asp.net gridview

从我的gridview "gridPayments"尝试使用PaymentId删除付款,并且还尝试删除所选的gridview行,为此调用jQuery函数,该函数位于{{1我的aspx脚本页面中的文件,如

custom.js

并且在DeletePayment方法中接收这些值为

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

使用function DeletePayment(index,paymentid) { //my code for deleting payment.. } 我可以通过从我的jQuery调用webservice删除付款,问题是我想要paymentid

我尝试删除此方法中的gridview行,如

refresh the GridView after the successful deletion of Payment

但它无法正常工作,我不知道如何从这个jQuery方法中删除gridviewrow ......任何人都可以帮助我......

1 个答案:

答案 0 :(得分: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%,因为我是从记忆中做到的,但整体想法是合理的。