快速业务通道

Asp.net MVC2.0系列文章-添加操作

作者 佚名技术 来源 NET编程 浏览 发布时间 2012-05-20
iv class="editor-field">
             <%: Html.TextBoxFor(model => model.Title) %>
             <%: Html.ValidationMessageFor(model =>  model.Title) %>
        </div>
         <div class="editor-label">
             <%: Html.LabelFor(model => model.CreateTime) %>
         </div>
        <div class="editor- field">
            <%: Html.TextBoxFor(model  => model.CreateTime, new { @class = "date" })%>
             <%: Html.ValidationMessageFor(model =>  model.CreateTime) %>
        </div>
         <div class="editor-label">
             <%: Html.LabelFor(model => model.Content) %>
         </div>
        <div class="editor- field">
            <%: Html.EditorFor(model  => model.Content) %>
            <%:  Html.ValidationMessageFor(model => model.Content) %>
         </div>
        <p>
             <input type="submit" value="添¬¨ª加 ¨®" />
        </p>
     </fieldset>
    <% } %>
     <div>
        <%: Html.ActionLink("Back to  List", "Index","Home") %>
    </div>
</asp:Content>

分析:

在日期文本框中,新增加 属性new { @class = "date" }),此Class属性是为了稍后的日历控件的显示。要 使日期文本框显示日期控件,可以使用Jquery UI,方法是:

1/、Jquery UI官方网站http://www.jqueryUI.com下载最新的 UI类库

2、添加日历控 件的CSS文件和JS文件到项目中,如下图

3、在母版页面Site.Master中添加JS的引用,以及页面初始化时绑定日 历控件到文本框,代码如下:

<link  href="http://www.cnblogs.com/Content/jquery.ui.all.css"  rel="stylesheet" type="text/css" />
    <script  src="http://www.cnblogs.com/Scripts/jquery-1.4.1.min.js"  type="text/javascript"></script>
    <script  src="http://www.cnblogs.com/Scripts/jquery-ui-1.8.2.custom.min.js"  type="text/javascript"></script>
     <script  type="text/javascript">
         $(document).ready (function () {
              $("input:text.date").datepicker(
            {
                 dateFormat: "yy-mm-dd"
             });
         });

     </script>

到此,日历栏位的文本框就可以显示日历控件了 ,稍后看效果图。

创建Controller文件

在Controllers文件夹下, 新增News文件夹;

单击右键,选择Add->Controller,显示如下界面

重命名Controller Name栏位为NewsController,同时选择下方的复选 框,最终效果如下图:

单击【Add】

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢!

分享到: 更多

Copyright ©1999-2011 厦门凌众科技有限公司 厦门优通互联科技开发有限公司 All rights reserved

地址(ADD):厦门软件园二期望海路63号701E(东南融通旁) 邮编(ZIP):361008

电话:0592-5908028 传真:0592-5908039 咨询信箱:web@lingzhong.cn 咨询OICQ:173723134

《中华人民共和国增值电信业务经营许可证》闽B2-20100024  ICP备案:闽ICP备05037997号