彩票走势图

NetAdvantage中日历控件的使用以及效果展示

转帖|其它|编辑:郝浩|2012-10-08 13:40:22.000|阅读 339 次

概述:在NetAdvantage中有几个日历控件,这些控件不但外观漂亮而且功能也是极强,可以在上面显示每天的日程安排。本文将介绍NetAdvantage中日历控件的使用以及效果展示。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

在NetAdvantage中有几个日历控件,这些控件不但外观漂亮而且功能也是极强,可以在上面显示每天的日程安排,如例图:

日历控件,NetAdvantage,日程安排

但我遇到一个问题,就是在显示这个“星期几”的地方,calendar确实提供了几种显示方式

日历控件,NetAdvantage,日程安排

根据这几个属性:

Full的话,显示为“星期一,星期二...."这会导致比较长,有时我们在小型日历上特别难看

日历控件,NetAdvantage,日程安排

三个字都竖起来排列了

Short的话,没有效果

FirstLetter的话,只显示一个“星”字,这样就无法区分具体星期几了。

FirstTwoLetters的话,则只显示“星期”两个字,也无法区分。

以上的这些方式 ,对于英文环境应该是比较好的效果,而对中文却不尽人意,可知NetAdvantage对于中文的支持还不算好啊。

因此,我想要的效果,就是只显示“一,二,三,四,五,六,日”。为了实现这样的效果,我们只能客户端代码手动来处理了,由于本人的JS水平 不高,也特地问了ttyp高手的。

1、在Calendar的客户端事件InitializeCalendar上添加一个方法叫SetWeekName

2、在客户端中写上如下的客户端方法:

function SetWeekName()
{
    var tr=document.getElementById("WebCalendar1_514");    
    for(var i=0;i<tr.cells.length;i++)
    {
    var td = tr.cells[i];
    td.innerHTML = td.innerHTML.replace("星期","");
    }
        
}

这是由于在Calendar呈现到界面上时,星期部分的Id是"WebCalendar1_514",所以通过找到这个TR以后,对TR里的每个TD进行“星期”字样的替换。

而且由于是在InitializeCalendar事件中,所以在页面呈现时看不到被替换的过程闪动,效果比较好。

日历控件,NetAdvantage,日程安排


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@cahobeh.cn

文章转载自:博客园

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP