欢迎来到助燃的Blog!
对你有益的氧气,或者……对你有害的氯气
与我联系
发短消息
搜索
常用链接
我的随笔
我的空间
我的短信
我的评论
更多链接
我的参与
我的新闻
最新评论
我的标签
留言簿
(8)
给我留言
查看留言
我的标签
Access
(1)
Jet
(1)
SQL
(1)
compute by
(1)
模拟
(1)
分类
(1)
汇总
(1)
随笔分类
Asp.net+AJAX(6)
(rss)
我的程序人生(1)
(rss)
随笔档案
2008年7月 (1)
2007年9月 (1)
2007年8月 (1)
2007年7月 (2)
2007年1月 (2)
2006年12月 (1)
最新评论
1. re: 在asp.net中使用符合xhtml规范的spliter控件
怎么封装成类库?tom20090909@tom.com
--zf
2. re: 在asp.net中使用符合xhtml规范的spliter控件
如何在代码中控制向其中动态添加控件!
--zf
3. re: 为gridview“删除”列添加确认对话框
--zxasas
4. re: 让Validation Callout Extender与Custom Validator协作
^.^学习。谢谢LZ的文章。
--Bēniaǒ
5. 用Gridview和Sqldatasource怎么做购物车啊?
我的QQ:634344904,给我写邮件吧!!谢谢啊!
--木姑娘
阅读排行榜
1. 为gridview“删除”列添加确认对话框(18259)
2. 在Asp.net中使用dojo的splitContainer控件(1182)
3. 如何修正CalendarExtender在updatePanel中发生错位的问题(672)
4. 在vs2008为asp.net ajax添加js智能感知(607)
5. 在asp.net中使用符合xhtml规范的spliter控件(576)
评论排行榜
1. 为gridview“删除”列添加确认对话框(48)
2. 在Asp.net中使用dojo的splitContainer控件(10)
3. 在asp.net中使用符合xhtml规范的spliter控件(4)
4. 在vs2008为asp.net ajax添加js智能感知(3)
5. 让Validation Callout Extender与Custom Validator协作(1)
Powered by:
博客园
模板提供:
沪江博客
博客园
|
首页
|
发新随笔
|
发新文章
|
联系
|
订阅
|
管理
如何修正CalendarExtender在updatePanel中发生错位的问题
最近用到了CalendarExtender,结果不知道为什么发生了错位,如图
在Google和百度上找了很久,中文的文章里面似乎只提到了如何本地化(就是显示中文的月份)以及怎么解决被下拉框挡住的问题,谈到格式错位的好像没有,我最后在官方论坛上找到一篇文章,解决了这个问题,就在这儿贴一下~应该也算是个bug吧,可能在0618之后的版本会有补丁。
解决的方法是在调用CalendarExtender的页面所引用的css里,添加下面这段用于覆盖原来CalendarExtender的样式
.ajax__calendar_container
{
}
{
padding
:
4px
;
position
:
absolute
;
cursor
:
default
;
width
:
170px
;
font-size
:
11px
;
text-align
:
center
;
font-family
:
tahoma,verdana,helvetica
;
}
.ajax__calendar_body
{
}
{
height
:
139px
;
width
:
170px
;
position
:
relative
;
overflow
:
hidden
;
margin
:
auto
;
}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years
{
}
{
top
:
0px
;
left
:
0px
;
height
:
139px
;
width
:
170px
;
position
:
absolute
;
text-align
:
center
;
margin
:
auto
;
}
.ajax__calendar_container TABLE
{
}
{
font-size
:
11px
;
}
.ajax__calendar_header
{
}
{
height
:
20px
;
width
:
100%
;
}
.ajax__calendar_prev
{
}
{
cursor
:
pointer
;
width
:
15px
;
height
:
15px
;
float
:
left
;
background-repeat
:
no-repeat
;
background-position
:
50% 50%
;
background-image
:
url(WebResource.axd?d=x6lt9HfG5Si8NZjMNt1DLcY6US8hUl3G4muzIFtahMQFZTbwxJ00qsx5N8jeAW90ZvGxZ6SJJh48yx62JKItzQ2&t=633053122925312500)
;
}
.ajax__calendar_next
{
}
{
cursor
:
pointer
;
width
:
15px
;
height
:
15px
;
float
:
right
;
background-repeat
:
no-repeat
;
background-position
:
50% 50%
;
background-image
:
url(WebResource.axd?d=x6lt9HfG5Si8NZjMNt1DLcY6US8hUl3G4muzIFtahMQFZTbwxJ00qsx5N8jeAW90HZemRms4wXOo1BZWTwWtNQ2&t=633053122925312500)
;
}
.ajax__calendar_title
{
}
{
cursor
:
pointer
;
font-weight
:
bold
;
}
.ajax__calendar_footer
{
}
{
height
:
15px
;
}
.ajax__calendar_today
{
}
{
cursor
:
pointer
;
padding-top
:
3px
;
}
.ajax__calendar_dayname
{
}
{
height
:
17px
;
width
:
17px
;
text-align
:
right
;
padding
:
0 2px
;
}
.ajax__calendar_day
{
}
{
height
:
17px
;
width
:
18px
;
text-align
:
right
;
padding
:
0 2px
;
cursor
:
pointer
;
}
.ajax__calendar_month
{
}
{
height
:
44px
;
width
:
40px
;
text-align
:
center
;
cursor
:
pointer
;
overflow
:
hidden
;
}
.ajax__calendar_year
{
}
{
height
:
44px
;
width
:
40px
;
text-align
:
center
;
cursor
:
pointer
;
overflow
:
hidden
;
}
.ajax__calendar .ajax__calendar_container
{
}
{
border
:
1px solid #646464
;
background-color
:
#ffffff
;
color
:
#000000
;
}
.ajax__calendar .ajax__calendar_footer
{
}
{
border-top
:
1px solid #f5f5f5
;
}
.ajax__calendar .ajax__calendar_dayname
{
}
{
border-bottom
:
1px solid #f5f5f5
;
}
.ajax__calendar .ajax__calendar_day
{
}
{
border
:
1px solid #ffffff
;
}
.ajax__calendar .ajax__calendar_month
{
}
{
border
:
1px solid #ffffff
;
}
.ajax__calendar .ajax__calendar_year
{
}
{
border
:
1px solid #ffffff
;
}
.ajax__calendar .ajax__calendar_active .ajax__calendar_day
{
}
{
background-color
:
#edf9ff
;
border-color
:
#0066cc
;
color
:
#0066cc
;
}
.ajax__calendar .ajax__calendar_active .ajax__calendar_month
{
}
{
background-color
:
#edf9ff
;
border-color
:
#0066cc
;
color
:
#0066cc
;
}
.ajax__calendar .ajax__calendar_active .ajax__calendar_year
{
}
{
background-color
:
#edf9ff
;
border-color
:
#0066cc
;
color
:
#0066cc
;
}
.ajax__calendar .ajax__calendar_other .ajax__calendar_day
{
}
{
background-color
:
#ffffff
;
border-color
:
#ffffff
;
color
:
#646464
;
}
.ajax__calendar .ajax__calendar_other .ajax__calendar_year
{
}
{
background-color
:
#ffffff
;
border-color
:
#ffffff
;
color
:
#646464
;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_day
{
}
{
background-color
:
#edf9ff
;
border-color
:
#daf2fc
;
color
:
#0066cc
;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month
{
}
{
background-color
:
#edf9ff
;
border-color
:
#daf2fc
;
color
:
#0066cc
;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year
{
}
{
background-color
:
#edf9ff
;
border-color
:
#daf2fc
;
color
:
#0066cc
;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_title
{
}
{
color
:
#0066cc
;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today
{
}
{
color
:
#0066cc
;
}
就目前的情况看,日历控件应该说是bug多多,我在浏览的时候还发现了其它问题,顺便也一并修正,如果贴了上面这段还不行的话,试试补上下面这段
.ajax__calendar
{
}
{
position
:
relative
;
left
:
0px !important
;
top
:
0px !important
;
visibility
:
visible
;
display
:
block
;
}
.ajax__calendar iframe
{
}
{
left
:
0px !important
;
top
:
0px !important
;
}
最后,顺带一提,如果其被其它控件(下拉框不算,是ie的问题)挡住,可以通过给.ajax__calendar .ajax__calendar_container添加z-index来解决,设个1000啊什么的;如果是要本地化,在ScriptManager中添加EnableScriptGlobalization="true" EnableScriptLocalization="true"即可。
发表于 2007-07-24 21:52
助燃
阅读(672)
评论(1)
编辑
收藏
网摘
所属分类:
Asp.net+AJAX
新用户注册
刷新评论列表
标题
姓名
主页
Email
(博主才能看到)
验证码
*
看不清,换一张
[
登录
][
注册
]
内容(请不要发表任何与政治相关的内容)
网站首页
新闻频道
社区
小组
博问
网摘
人才
找找看
Remember Me?
登录
使用高级评论
新用户注册
返回页首
恢复上次提交
[使用Ctrl+Enter键可以直接提交]
Google站内搜索
China-pub 计算机图书网上专卖店!6.5万品种 2-8折!
近千种 9-95 新二手计算图书火热销售中!
开发者征途系统新作:《设计模式——基于C#的工程化实现及扩展》
相关文章:
相关链接:
所属分类的其他文章:
让Validation Callout Extender与Custom Validator协作
在vs2008为asp.net ajax添加js智能感知
如何修正CalendarExtender在updatePanel中发生错位的问题
在asp.net中使用符合xhtml规范的spliter控件
在Asp.net中使用dojo的splitContainer控件
为gridview“删除”列添加确认对话框
最新IT新闻:
MySpace CEO:明年广告营收仍会增长
2日科技博客精选:Windows占有率首次跌破90%
支付宝携手软银拓展日本市场
浏览器大战:Firefox首超20% IE跌破70%
Google Chrome 0.4.154.29 Beta 发布并透露Chrome扩展计划