如何在页面回发按钮时禁用导出按钮在asp.net中启用

时间:2017-02-09 09:32:01

标签: javascript c# jquery asp.net

在我的应用程序导出按钮是我需要导出网格视图数据excel,我需要做两件事

  1. 在我的网格视图中使用Jquery Data表插件具有过滤器记录功能,而在没有数据过滤时过滤记录会发生消息"找不到匹配的记录"那个时候我需要在启用Jquery中的代码后禁用导出按钮。

  2. 当我再次单击网格视图中的编辑按钮时,我需要禁用导出按钮。在这里当我单击编辑按钮时,它禁用该时间页面再次回发,除了jquery数据表,它显示启用,即使我也点击编辑

  3. 找不到匹配记录的代码以禁用导出按钮

    $('#example').dataTable({
        "drawCallback": function( settings ) {
            var api = this.api(); 
            var dataLength = api.rows( {page:'current'} ).data().length;
            if (dataLength == 0) {      
                document.getElementById('<%= btnExport.ClientID %>').disabled = true;
            }
            else {
                document.getElementById('<%= btnExport.ClientID %>').disabled = false;
            }
        }
    });
    

    代码按钮

        <asp:UpdatePanel ID="panl1" runat="server">
           <ContentTemplate>
              <asp:Panel ID="pnl1" runat="server">
          <asp:Button ID="btnExport" runat="server" OnClick="btnExport_Click" Text="Export" />                                      
              </asp:Panel>
         </ContentTemplate>
      </asp:UpdatePanel>   
    
    <script type="text/javascript" src="https://cdn.jsdelivr.net/g/mark.js(jquery.mark.min.js),datatables.mark.js"></script>
        <script type="text/javascript" src="https://cdn.jsdelivr.net/g/mark.js(jquery.mark.min.js)"></script>
       <script type="text/javascript" src="https://cdn.datatables.net/plug-ins/1.10.13/features/mark.js/datatables.mark.js"></script>
      <script type="text/javascript" src="https://cdn.jsdelivr.net/datatables.mark.js/2.0.0/datatables.mark.min.css"></script> 
    

    请告诉我如何禁用

    谢谢。

0 个答案:

没有答案