AJAX部分回发面板打破了我的按钮？

Posted 2021-04-15

所以，我已经追了好几天了，我想我误解了这个问题。我有一个ASPX页面，其中包含几个按钮和占位符，其可见性根据查询而变化。一切正常。但后来我在asp面板中添加了一个带有日期时间的文本框。面板内的内容工作正常，我尝试了几种方案。

无论我怎么做，我发现我的按钮，在这个面板之外，不起作用......我根本没有进入点击事件。我得出结论，部分回发打破了我点击按钮的连接。这听起来像是一个有效的解释，我该怎么办呢？

编辑添加，这是我在你的建议后尝试的：

 <script type="text/javascript">
   $(document).ready(function () {
       bindMyButtons();
   });

   var prm = Sys.WebForms.PageRequestManager.getInstance();

   prm.add_endRequest(function () {
       bindMyButtons();
   });

   function bindMyButtons() {
       $('CloseNoticeButton').click(function () {
           'CloseNoticeButton_Click()'
       });

       $('#InBtn').click(function () {
           'InBtn_Click'
       });
       $('#OutBtn').click(function () {
           'OutBtn_Click'
       });
       $('.MyClass').each(function () {
           //do stuff to the MyClass class
       });
   }

解决了！在F12中运行它的建议给了我答案！我不得不在我的页面添加：EnableEventValidation =“false”。不完全确定为什么，但......似乎有效。

答案

由于Partial PostBack导致DOM被更改，您需要重新绑定侦听器。因此，请确保在部分PostBack后重新绑定控件。

<script type="text/javascript">
    $(document).ready(function () {
        bindMyButtons();
    });

    var prm = Sys.WebForms.PageRequestManager.getInstance();

    prm.add_endRequest(function () {
        bindMyButtons();
    });

    function bindMyButtons() {
        $('#myButton').click(function () {
             //hanldle button click
        });

        $('.MyClass').each(function () {
            //do stuff to the MyClass class
        });
    }
</script>

另一答案

在F12中运行它给了我答案......非常感谢@VDWWD！我不得不添加“EnableEventValidation =”false“to may page。不知道为什么但是它解决了问题...敲木头！