如何使用DNN中的Calendar控件

在做表单时,我们经常会用到日期控件,这个在DNN里已经提供了现成的控件。

为了测试,我们先用Startkit快速建立一个模块,具体步骤我就不细说了。

然后我们到View控件这里,我们要演示的就是在页面上填加一个日期控件,先来看看完成后是什么样子:
如何使用DNN中的Calendar控件

第一步:

我们先放拖放一个Asp.net 的TextBox和一个HyperLink在页面上,
如何使用DNN中的Calendar控件

最后在.ascx文件中的代码是:

如何使用DNN中的Calendar控件<asp:TextBox ID="TextBox1" runat="server" OnTextChanged="TextBox1_TextChanged"></asp:TextBox>
如何使用DNN中的Calendar控件
<asp:HyperLink ID="HyperLink2" runat="server">HyperLink</asp:HyperLink>

第二步:

我们转到对应的.cs文件中,在PageLoad()函数中加入一行:
如何使用DNN中的Calendar控件HyperLink2.NavigateUrl = DotNetNuke.Common.Utilities.Calendar.InvokePopupCal(TextBox1);

到这就可以,编译,运行,你就可以看到Calender可以使用了。
如何使用DNN中的Calendar控件

最后

可以为HyperLink修改一些属性,比如显示文字(改为Calendar,或者是图片)、设置CSS、本地化等,这里就不多说了。
比如改为:
如何使用DNN中的Calendar控件<asp:hyperlink id="HyperLink2" cssclass="CommandButton" runat="server" resourcekey="Calendar">Calendar</asp:hyperlink>如何使用DNN中的Calendar控件
就能得到最终的结果。
如何使用DNN中的Calendar控件

上一篇:《信息可视化:交互设计(原书第2版)》——2.14节小结


下一篇:使用Profile抓住慢查询