如何在Asp.Net C中创建此表/视图＃

Question

I need to create a Table as per the following Image and I'm a newbie to .Net. Please tell me which tool I should be using

Answer 1

对我来说，这看起来像一个手风琴，每个部分都有一个表格，其中包含特定日期的数据。在这种情况下，您可以做的是动态创建DIV对象（对于您要表示的每个数据），并在每个div中添加GridView或DataGrid。那么你就可以将这些div设计成风格以获得理想的外观。另一方面看看jQuery UI Accordion。我知道你是一个新手，但jQuery UI Accordion可以帮助你解决问题http://jqueryui.com/demos/accordion/。

Answer 2

这不是一个微不足道的结构。

您可能希望以ListView或Repeater开头。 Repeater更易于使用，但有更多限制。

然后，在Item Template或Repeater的每个ListView内，您需要一个GridView。 GridView将处理数据表和分页。

您可以处理Selected的{​​{1}}事件来确定要扩展的行，并且只在服务器端填充该行，或者您可以填充所有行并使用客户端用于显示/隐藏行的脚本。根据您的数据，哪种方法最有效。

您需要进行两级数据绑定，首先将ListView绑定到主数据集，在这种情况下，它看起来像一个日期列表。然后，在ListView的{​​{1}}事件中，绑定每个列表视图项的内部ItemDataBound。您可能只想对应显示的行执行此操作。

有一些方法可以优化，当然，每行都有一个自定义控件，等等，但这是基本的想法。