javascript - 如何在 asp.net 中回发后更改 html td 元素的颜色？

Question

我有一个 asp.net 应用程序。在点击事件的 td 元素上，我将其 id 传递给使用回发的页面后台代码。回发后，我想将背景颜色应用到此 td 元素。

这是我的代码，

<table class="window_month" style="margin-top: 15px; text-align: center;">
      <tr id="NavMonth">
          <td id="m1" onclick="">
            Jan
          </td>
          <td id="m2" onclick="">
            Feb
          </td>
       </tr>
  </table>

$('.window_month td').on('click', function () {
        var idName = this.id;
        var selectedid = idName.substring(1);
        $('#hidden').val(selectedid);
        __doPostBack(idName, '');
});

如何在此处回发后应用一些 css 效果？

Answer 1

你可以做几件事。

解决方案一:

当您的代码被执行以响应对 __doPostBack(...) 的调用时，添加一个启动脚本，该脚本将通过 JavaScript/jQuery 设置单元格的颜色。您可以通过调用 Page.ClientScript.RegisterStartupScript() 添加启动脚本。您注册的脚本必须包含一种方法来获取被点击的单元格。

解决方案 2:

如果单击的单元格的颜色是页面上唯一需要更改的内容，您也可以使用 ajax 而不是 __doPostBack() 来完成。由于页面上已有 jQuery，因此可以使用 $.post() 调用服务器端处理程序或执行服务器端工作的静态页面方法，并在 $.post () 函数的成功回调，您可以使用 jQuery 更改单元格的颜色。