天天看点

如何使用DNN中的Calendar控件

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

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

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

第一步:

我们先放拖放一个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控件

继续阅读