JavaScript对GridView删除行后并重新给其数据绑定

以前我们全是使用CS代码实现。
如果，略去CS，在Js去呼叫Web API来删除数据行。
在删除后，你需要把删除移除掉或者把它隐藏起来。

js代码如下（示意）

关键代码，根据你实际环境来选择。

  //运行于较新的浏览器。
  //row.remove();

  //运行于较旧，如IE (<=11)
  //row.parentNode.removeChild(row);

 

亦可以把它隐藏起来，不显示，

 //使用样式来控制其不显示
 //row.style.display = 'none';

 // 或
//row.hidden = true;

 

虽然在web API已经确实把数据从数据库删除，没有真正从服务端来重新对GridView数据绑定。
如remove()，GridView的状态已经产生变化。
而display设为none，还是hidden设为true，仅是视觉呈现。

如果还其它操作，您可能会遇上一些莫名的状况。

真实想达到安全，Insus.NET认为还是需要对GridView数据重新Post Back绑定

哪问题来了，在JavaScript怎样绑定呢？

你可以在网页中，编写一个隐藏按钮Button或者LinkButton

<asp:Button ID="ButtonReDataBinding" runat="server" Text=""  Style="display: none" OnClick="ButtonReDataBinding_Click"  />

cs,

 

在前端js，还得写一个方法，

<script type="text/javascript">

    //执行下面方法，可以达到js对GridView进行数据重新绑定
    function reBindingGridView() {                   
        document.getElementById('<%= ButtonReDataBinding.ClientID %>').click(); }
</script>

 

需要对GridView数据重新绑定，只需要运行reBindingGridView()即可。