Question

我正在办理登记表格。我想使用按钮显示和隐藏我的用户过去的注册。按钮应该只显示或隐藏不是即将到来的注册。这是我到目前为止。 Pleasssseeee帮助。

overlay-content

My Program Pic

我不知道我是否需要一些排序javascript函数来仅显示过去的那些会话。似乎没什么用。

Answer 1

假设旧注册是SessionStartDT值早于当前日期的任何项目，您可以在每个项目的容器div上设置html数据属性，指示它是旧项目还是新项目以及用户何时单击隐藏/显示按钮，切换这些项目的可见性。

@foreach (var sm in Model)
{
  <div data-old="@(p.SessionStartDT.Date < DateTime.Today.Date)">

      <!-- your existing code for rendering each item goes here -->

  </div>
}

在javascript部分，单击按钮时，选择data-old属性值为True的元素（我们通过C＃表达式设置，这会产生一个布尔值价值）并切换可见性。

$(document).ready(function() {
    $("#older").click(function(e) {
        e.preventDefault();
        $("[data-old='True']").toggle();
    });
});

在MVC中显示或隐藏历史记录

1 个答案: