您的位置:首页 > 其它

使用 HTC 封装的强大的日期控件

2007-05-22 10:52 435 查看
控件设计
通过 vs 对设计时期配置控件的选项,由服务器解析产生控件的 HTML 编码,通过客户端 HTC 对生成的 HTML 进行解析,呈现控件的客户端界面。在样式方面,由 VimeJsFramework 对样式编码进行解析,详见: /article/7008310.html
[b]功能[/b]
DateEditor:
自定义的 DateFormat 风格;
自定义的外观风格;
可进行日期编辑,可使用数字键、方向键或滚轮(IE6.0以上);
对空值的支持;
设置日期值的范围;
使用HTC组件,有力支持客户端的交互。
DatePicker:
强大的自定义外观风格;
Picker 和 Editor 分开,使一个 Picker 可为多个 Editor 使用;

对空值的支持;

使用HTC组件,有力支持客户端的交互。

DatePicker样式表结构


样式对应的区域

Demo:





下载
http://www.cnblogs.com/Files/vme/DateEditorSetup.rar 本站下载:

点击下载此文件
http://www.cnblogs.com/Files/vme/sp1.rar 本站下载:

点击下载此文件

修改在 table 里面不能正常显示的bug(这个好久前就改了,懒得再去打包- -~!)
解压缩到C:/Inetpub/wwwroot/aspnet_client/vime_web/1_0_2目录下就可以了。
说明
IE5.5 以上版本,局部功能需要 IE6.0 以上版本,另需把 Web.config 中的 globalization 项设置为 gb2312。
本控件还处于完善阶段,由于配制项较多,难免出现很多BUG,如果有好的意见或建议,请联系 vee_hd@sina.com
如果有较好的样式配置,请推荐给我,可以拷贝 ASPX 文件的代码,如下:

<vime:DatePicker id="DatePicker2" style="Z-INDEX: 102; LEFT: 368px; POSITION: absolute; TOP: 120px" runat="server" BorderWidth="1px" BorderColor="#FF8000" Font-Size="11pt" ShowMonthOtherDay="False" CellPadding="0">


<FooterStyle BackColor="#FF8000"></FooterStyle>


<HeaderStyle Height="29px" BackColor="#FF8000"></HeaderStyle>


<DayStyle HorizontalAlign="Center" Height="20px" Width="18px"></DayStyle>


<DayHeaderStyle HorizontalAlign="Center" Height="25px" VerticalAlign="Bottom" BackColor="#FFE0C0"></DayHeaderStyle>


</vime:DatePicker

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: