Discuz!NT控件剖析之ColorPicker(颜色拾取)和Calendar(日历)

作者佚名技术来源 NET编程浏览发布时间 2012-04-11

; i < 16; i ++)
8     {
9         document.write(''<TR>'');
10         for(j = 0; j < 30; j ++)
11         {
12             n1 = j % 5;
13             n2 = Math.floor(j / 5) * 3;
14            n3 = n2 + 3;
15             wc((cnum[n3] * n1 + cnum[n2] * (5 - n1)),
16             (cnum[n3 + 1] * n1 + cnum[n2 + 1] * (5 - n1)),
17             (cnum[n3 + 2] * n1 + cnum[n2 + 2] * (5 - n1)), i,tb_ClientID);
18         }
19         document.write(''</tr>'');
20     }
21     document.write(''</table></td>'');
22
23
24     document.write(''<td>'');
25     document.write(''<table border=\"0\" cellPadding=\"0\" cellSpacing=\"0\" id=\"GrayTable''+tb_ClientID+''\" style=\"CURSOR: hand;cursor:crosshair;\" >'');
26     for(i = 255; i >= 0; i -= 8.5)
27        document.write(''<tr bgcolor=#'' + ToHex(i) + ToHex(i) + ToHex(i) + ''><td title='' + Math.floor(i * 16 / 17) + '' height=4 width=20 onmouseover=\"GrayTableMouseOver(this)\" onmousedown=\"GrayTableMouseDown(this)\" onmouseout=\"GrayTableMouseOut(this)\" ></td></tr>'');
28
29     // alert(tb_ClientID);
30     document.write("<tbody></tbody></table></td>");
31 } 基本上客户端JS脚本中用的是网上搜的一个代码段，因为里面对FIREFOX不支持，所以做了一些改造和代码重构。大家只要看一下js/colorpicker.js
     应该就全明白了。

             下面接着说一下Calender 控件，贴一张运行效果图让大家看一下：

在Discuz.Controls项目中的admin/目录下有Calendar.cs这个文件, 大家也可以从下载压缩包中得到这个文件的源码

              该控件的CreateChildControls函数代码内容如下：
1 protected override void CreateChildControls()
2      {
3             tb.Size = 10;
4       &n

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

分享到：更多

你可能对下面的文章感兴趣

上一篇: Discuz!NT控件剖析之DataGrid(数据列表)下一篇: ASP.NET教程:如何动态写入服务器端控件

关于Discuz!NT控件剖析之ColorPicker(颜色拾取)和Calendar(日历)的所有评论

随机推荐