开发者社区> nicenelly> 正文

改造asp.net日历控件为弹出式日期选择控件和GridView呈现长文本字段的两个技巧

简介:
+关注继续查看

asp.net中自带了一个非常不错的日历控件,但在其呈现方式上还是稍有欠缺。现在我们用一个小技巧,可以轻松创建一个弹出式日期。自此你再也不用去网上找那个带了很多脚本代码的JS制作的弹出式日期控件了。

实现,方式很简单:只需在页面中加入一点Javascript和一些CSS,就可以制作一个简单的弹出式日期选择器。

其中,.aspx代码如下:


<head id="Head1" runat="server"> <title>无标题页</title> <mce:script type="text/javascript" language="javascript"><!-- function displayCalendar() { var datepicker=document.getElementById("datePicker"); datePicker.style.display='block'; } // --></mce:script> <mce:style type="text/css"><!-- #datePicker { display:none; position:absolute; border:solid 2px black; background-color:White; } --></mce:style><style type="text/css" mce_bogus="1"> #datePicker { display:none; position:absolute; border:solid 2px black; background-color:White; } </style> </head> <body> <form id="form1" runat="server"> <asp:Label ID="Label1" runat="server" Text="日期:"></asp:Label> <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> <img src="client.png" mce_src="client.png" alt="日历" onclick="displayCalendar()" /> <div id="datePicker"> <asp:Calendar ID="Calendar1" runat="server" onselectionchanged="Calendar1_SelectionChanged"></asp:Calendar> </div> <asp:Button ID="Button1" runat="server" Text="Button" /> </form> </body> </html>

.aspx.cs代码:


protected void Calendar1_SelectionChanged(object sender, EventArgs e) { TextBox1.Text = Calendar1.SelectedDate.ToString("d"); }

效果:


技巧二:

当GridVIew用于呈现一个很多字符串记录,而可以设置的宽度又很有限的话,我们可以利用GridView的ToolTip属性的这个技巧,技巧如下:

protected void gv_HistoryRecords_RowDataBound(object sender, GridViewRowEventArgs e) { if (e.Row.RowType == DataControlRowType.DataRow) { if (e.Row.Cells[2].Text.Trim().Length > 7) { e.Row.Cells[2].ToolTip = e.Row.Cells[2].Text; e.Row.Cells[2].Text = e.Row.Cells[2].Text.Substring(0, 6) + "<b>....</b>"; } } }

主要是先先判断字段字符长度是否大于某个设定的值,如果大于这个值,将整个字段值都存入ToolTip属性中,然后截取前多少个字符显示在GridView中即可。

效果:

当然如果,在代码中给ToolTip加些标记,设置一下显示外观,应该会更美观一些!





原文发布时间为:2010-04-10


本文作者:vinoYang


本文来自云栖社区合作伙伴CSDN博客,了解相关信息可以关注CSDN博客。

版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
理解C语言——从小菜到大神的晋级之路(2)——开发环境的选择和HelloWorld程序
视频观看:点击这里 一、常用系统及IDE简介        常言道,工欲善其事必先利其器。除了少数奇葩之外,大部分人应不会去使用记事本或者Word文档去编程吧?几乎所有编程语言都需要一个高效易用的开发环境,C语言也不例外。
1519 0
Asp.Net Web API 2第六课——Web API路由和动作选择
原文:Asp.Net Web API 2第六课——Web API路由和动作选择 Asp.Net Web API 导航       Asp.Net Web API第一课——入门http://www.cnblogs.
692 0
ASP.NET Core教程【三】实体字段属性、链接标签、并发数据异常、文件上传及读取
前文索引:ASP.NET Core教程【二】从保存数据看Razor Page的特有属性与服务端验证ASP.NET Core教程【一】关于Razor Page的知识 实体字段属性 再来看看我们的实体类 public class Movie { public int...
1648 0
Unity 之 关于UnityHub无法打开项目的问题(弹出Unity启动界面有退回到Hub选择工程界面)
弹出Unity启动界面有退回到Hub选择工程界面方案一:万能的重启大法;方案二:未开启许可证;方案三:终极奥义 -- 弃用Hub
489 0
Flex自定义组件开发之日周月日期选择日历控件
原文:Flex自定义组件开发之日周月日期选择日历控件           使用过DateField的我们都知道,DateField 控件是用于显示日期的文本字段,字段右侧带有日历图标。当用户在控件边框内的任一位置单击时,将弹出一个 DateChooser 控件,显示当月的所有日期。
1053 0
SAP MM 采购单据的屏幕布局配置中字段选择值“$$$$”有什么用处?
SAP MM 采购单据的屏幕布局配置中字段选择值“$$$$”有什么用处?
31 0
+关注
716
文章
646
问答
文章排行榜
最热
最新
相关电子书
更多
JS零基础入门教程(上册)
立即下载
性能优化方法论
立即下载
手把手学习日志服务SLS,云启实验室实战指南
立即下载