问呈现多个日历臃肿的html，陷入下一页

EN

您可能考虑的另一件事是将日历的一个实例放在页面上。当用户单击“激活”日历的文本框时，可以使用客户端javascript框架(如jquery )来显示日历，并将其移动到正确的预期位置。选定日期后，将所选日期存储在正确的文本框中，并再次隐藏日历。您将不得不编写一些javascript，但它比下载所有额外的膨胀！

如果您要查找的是在网格中的每个日期字段上调用和显示的数据表，则调用JavaScript日历是最有效的。查看JQuery ui日历，然后将调用放在每个字段上--参见: jqueryui.com/demos/。

注意，类是相同的，ID是不同的：

<input type="text" class="datepicker" id="d1" />
<input type="text" class="datepicker" id="d2" />

然后JQuery选择css类：

$(.datepicker.each(function() {
  $(this).datepicker();
});

旧的ASP.Net解决方案是在触发单击for时，在服务器上声明并动态实例化控件。很多博客上都有这样的例子。或者，可以在页面加载时创建其中的20个，并将其放置在一个数据集或其他东西中。但是，如果数据集有100个条目呢？它不能缩放。

但是AJAX控件工具箱中有一个日历，它只在面板上创建一次，然后在告诉它的地方显示该面板。这是一个日历，显示了很多次。

<asp:Panel ID="panelCal" runat="server">      
  <asp:UpdatePanel ID="update" runat="server">           
    <ContentTemplate>   
    <asp:Calendar ID="theonlyCal"runat="server"/>           
    </ContentTemplate>      
  </asp:UpdatePanel>
</asp:Panel>

现在假设有20行：

<asp:TextBox ID="twenty" runat="server" /> 

现在，每个文本框都需要一个弹出控件扩展程序。

<ajaxToolkit:PopupControlExtenderID="twentExtenders"runat="server"
TargetControlID="twenty"
PopupControlID="panelCal" 
Position="Bottom" /> 

ASP.NET AJAX可以使用大量的带宽。

我没有使用您是的控件，所以我不能说这个是否适合您，但我强烈建议您：http://www.dynarch.com/projects/calendar/是一个javascript日历，所以用户只下载js包含一次。在此之后，创建调用只需几行。

它不能立即“拖放”与ASP.Net兼容。我建议将其包装在用户控件中。