AI 助理
备案控制台
开发者社区 大数据 文章 正文

Silverlight——施工计划日报表（一）

2012-05-02 791
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 转自http://www.cnblogs.com/codelove/archive/2011/05/26/2058068.html前一段时间，客户需要一个施工计划报表，要求能够直观的看到各个计划的实施时间，而且能够修改。

转自http://www.cnblogs.com/codelove/archive/2011/05/26/2058068.html

前一段时间，客户需要一个施工计划报表，要求能够直观的看到各个计划的实施时间，而且能够修改。琢磨着，决定用Silverlight搞定好了。效果如下：

image

用户可以通过右键菜单的【完成】选项来标记完成，左键选择单元格来设置时间段。那么数据是怎么带过来的呢？在这个Silverlight程序里面，定义了这么一个类：

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
namespace PlansView
{
     /// <summary>
     /// 数据
     /// </summary>
     public class PlansData
     {
         public List<Plan> LstPlan { get ; set ; }
         /// <summary>
         /// 计划时间集合
         /// </summary>
         public List<PlanDate> LstPlanDate { get ; set ; }
 
     }
     /// <summary>
     /// 计划
     /// </summary>
     public class Plan
     {
         /// <summary>
         /// 计划名称
         /// </summary>
         public string PlanName { get ; set ; }
     }
     /// <summary>
     /// 计划日期
     /// </summary>
     public class PlanDate
     {
         /// <summary>
         /// 说明
         /// </summary>
         public string Explain { get ; set ; }
         /// <summary>
         /// 开始时间
         /// </summary>
         public DateTime? StartDate { get ; set ; }
         /// <summary>
         /// 结束时间
         /// </summary>
         public DateTime? EndDate { get ; set ; }
         /// <summary>
         /// 允许的最小值
         /// </summary>
         public DateTime? MinDate { get ; set ; }
         /// <summary>
         /// 允许的最大值
         /// </summary>
         public DateTime? MaxDate { get ; set ; }
         /// <summary>
         /// 是否只读
         /// </summary>
         public bool IsReadOnly { get ; set ; }
         /// <summary>
         /// 是否允许超过当前时间
         /// </summary>
         public bool CanGreaterThanNow { get ; set ; }
         /// <summary>
         /// 是否已编辑
         /// </summary>
         public bool HasEdit { get ; set ; }
         /// <summary>
         /// 是否已完成
         /// </summary>
         public bool IsFlish { get ; set ; }
         /// <summary>
         /// 是否允许撤销
         /// </summary>
         public bool AllowCancel { get ; set ; }
         /// <summary>
         /// 是否允许为空（必填情况下，无法提交数据）
         /// </summary>
         public bool AllowBlank { get ; set ; }
         /// <summary>
         /// 自定义标记
         /// </summary>
         public string Tag { get ; set ; }
     }
}

    这个类，对每一小行（就是时间行）都做了精细的控制。比如是否只读，是否已编辑，是否允许为空（不选），是否允许撤销（当标记为完成时），允许标记的最大 值、最小值以及是否允许结束时间超过当天。当然，这个类主要是对数据行的控制，整个报表还有些全局的控制。比如日期格式（day、week、month） （这点还需要完善），开始时间，日期列数，文本列列数，计划列头，日期列背景色等等。也就是这个计划自定义性是很强的，完全可以根据数据的需要来显示。

     比如刚才这个测试的数据如下：

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
public string InitParams { get ; set ; }
protected void Page_Load( object sender, EventArgs e)
{
     if (!IsPostBack)
     {
         try
         {
             InitParams = "Title=施工计划,DateColCount=80,PlanHeads=工程名称,Data=" ;
 
             List<PlansData> _lstPlansData = new List<PlansData>();
             LoadData(_lstPlansData);
             InitParams += HttpUtility.UrlEncode(JsonConvert.SerializeObject(_lstPlansData, Formatting.Indented));
             //LogManager.WriteTraceLog(JsonConvert.SerializeObject(_lstPlansData, Formatting.Indented));
 
         }
         catch (Exception ex)
         {
             LogManager.WriteErrorLog(ex);
         }
     }
}
?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
private static void LoadData(List<PlansData> _lstPlansData)
{
     PlansData _planData1 = new PlansData()
     {
         LstPlan = new List<Plan>()
         {
             new Plan(){PlanName= "木工轻钢割断墙" }
         },
         LstPlanDate = new List<PlanDate>()
         {
                 new PlanDate(){StartDate=DateTime.Now,EndDate=DateTime.Now.AddDays(3),Explain= "基准时间" ,IsReadOnly= true },
                 new PlanDate(){StartDate=DateTime.Now.AddDays(1),EndDate=DateTime.Now.AddDays(4),Explain= "计划时间" ,CanGreaterThanNow= true },
                 new PlanDate(){StartDate=DateTime.Now.AddDays(2),EndDate=DateTime.Now.AddDays(5),Explain= "实际时间" ,IsFlish= true ,AllowBlank= false }
         }
     };
     _lstPlansData.Add(_planData1);
     PlansData _planData2 = new PlansData()
     {
         LstPlan = new List<Plan>()
         {
             new Plan(){PlanName= "贴文化石，刷漆" }
         },
         LstPlanDate = new List<PlanDate>()
         {
             new PlanDate(){StartDate=DateTime.Now.AddDays(5),EndDate=DateTime.Now.AddDays(16),Explain= "计划时间" ,CanGreaterThanNow= true },
             new PlanDate(){StartDate=DateTime.Now.AddDays(4),EndDate=DateTime.Now.AddDays(15),Explain= "实际时间" }
         }
     };
     _lstPlansData.Add(_planData2);
     PlansData _planData3 = new PlansData()
     {
         LstPlan = new List<Plan>()
         {
             new Plan(){PlanName= "石膏板吊棚" }
         },
         LstPlanDate = new List<PlanDate>()
         {
             new PlanDate(){StartDate=DateTime.Now.AddDays(5),EndDate=DateTime.Now.AddDays(18),Explain= "基准时间" ,IsReadOnly= true ,CanGreaterThanNow= true },
             new PlanDate(){StartDate=DateTime.Now.AddDays(8),EndDate=DateTime.Now.AddDays(12),Explain= "计划时间" },
         }
     };
     _lstPlansData.Add(_planData3);
     PlansData _planData4 = new PlansData()
     {
         LstPlan = new List<Plan>()
         {
             new Plan(){PlanName= "大白乳胶漆" }
         },
         LstPlanDate = new List<PlanDate>()
         {
             new PlanDate(){StartDate=DateTime.Now.AddDays(15),EndDate=DateTime.Now.AddDays(18),Explain= "基准时间" ,IsReadOnly= true },
             new PlanDate(){StartDate=DateTime.Now.AddDays(19),EndDate=DateTime.Now.AddDays(25),Explain= "计划时间" },
             new PlanDate(){StartDate=DateTime.Now,EndDate=DateTime.Now.AddDays(5),Explain= "实际时间" }
         }
     };
     _lstPlansData.Add(_planData4);
     PlansData _planData5 = new PlansData()
     {
         LstPlan = new List<Plan>()
         {
             new Plan(){PlanName= "铺地板" }
         },
         LstPlanDate = new List<PlanDate>()
         {
             new PlanDate(){StartDate=DateTime.Now.AddDays(3),EndDate=DateTime.Now.AddDays(5),Explain= "基准时间" },
             new PlanDate(){StartDate=DateTime.Now.AddDays(6),EndDate=DateTime.Now.AddDays(15),Explain= "计划时间" },
             new PlanDate(){StartDate=DateTime.Now.AddDays(7),EndDate=DateTime.Now.AddDays(19),Explain= "实际时间" }
         }
     };
     _lstPlansData.Add(_planData5);
     PlansData _planData6 = new PlansData()
     {
         LstPlan = new List<Plan>()
         {
             new Plan(){PlanName= "测试1" }
         },
         LstPlanDate = new List<PlanDate>()
         {
             new PlanDate(){StartDate=DateTime.Now,EndDate=DateTime.Now,Explain= "基准时间" },
             new PlanDate(){StartDate=DateTime.Now.AddDays(6),EndDate=DateTime.Now.AddDays(15),Explain= "计划时间" },
             new PlanDate(){StartDate=DateTime.Now.AddDays(79),EndDate=DateTime.Now.AddDays(79),Explain= "实际时间" }
         }
     };
     _lstPlansData.Add(_planData6);
}
Silverlight——施工计划日报表（二）


静听鸟语花香，漫赏云卷云舒。一花一世界，一树一菩提，一码一人生。

 
文章标签：
BI
关键词：
silverlight施工日报表
silverlight日报表
杰克.陈
目录
相关文章
杰克.陈
|
JSON 数据格式 开发工具
Silverlight——施工计划日报表（二）
转自http://www.cnblogs.com/codelove/archive/2011/05/28/2060806.html 近来一直在加班，基本上没有个人时间。所以更新不会很即时。 长话短说，先从界面代码开始吧。
杰克.陈
863 0
杰克.陈
|
JavaScript UED
Silverlight——施工计划日报表（四）——自适应浏览器窗口
转自http://www.cnblogs.com/codelove/archive/2011/06/12/2079232.html 在很多情况下，从用户体验的角度考虑，我们都希望我们的Silverlight程序能够适应各种大小的浏览器窗口或者框架，如图所示：   那么如何使Silverlight程序能够自适应浏览器窗口的大小呢，即使在动态改变浏览器窗口的时候也不例外。
杰克.陈
1039 0
杰克.陈
|
JavaScript 前端开发 开发工具
Silverlight——施工计划日报表（三）
转自http://www.cnblogs.com/codelove/archive/2011/06/03/2071267.html 近来非常忙，睡觉时间都不够。这一篇，尽量说完整吧，由于时间紧，可能不会详细讲解。
杰克.陈
1003 0
codelove
|
JavaScript UED
Silverlight——施工计划日报表（四）——自适应浏览器窗口
在很多情况下，从用户体验的角度考虑，我们都希望我们的Silverlight程序能够适应各种大小的浏览器窗口或者框架，如图所示：   那么如何使Silverlight程序能够自适应浏览器窗口的大小呢，即使在动态改变浏览器窗口的时候也不例外。
codelove
988 0
codelove
|
BI
Silverlight——施工计划日报表（一）
前一段时间，客户需要一个施工计划报表，要求能够直观的看到各个计划的实施时间，而且能够修改。琢磨着，决定用Silverlight搞定好了。效果如下： 用户可以通过右键菜单的【完成】选项来标记完成，左键选择单元格来设置时间段。
codelove
876 0
codelove
|
JSON 数据格式 开发工具
Silverlight——施工计划日报表（二）
Silverlight——施工计划日报表（一） 近来一直在加班，基本上没有个人时间。所以更新不会很即时。 长话短说，先从界面代码开始吧。界面代码很简单，如下所示： ...
codelove
643 0
codelove
|
JavaScript 前端开发 开发工具
Silverlight——施工计划日报表（三）
近来非常忙，睡觉时间都不够。这一篇，尽量说完整吧，由于时间紧，可能不会详细讲解。   这一篇主要内容有：界面调整与布局、日期计划网格和内容绘制、提交事件（Silverlight调用JS函数）、进度条显示与隐藏（JS调用Silverlight函数）、左击选择时间段、右键菜单、设置完成状态、全屏等等。
codelove
700 0
技术小阿哥
|
Windows
【Azure实例】有趣的Silverlight应用：录播简笔画
技术小阿哥
1704 0
技术小胖子
|
开发框架 前端开发 JavaScript
稳扎稳打Silverlight(1) - 1.0实例之电子表
技术小胖子
874 0
科技小能手
|
SQL 数据库
30.Silverlight中创建一个最简单的WCF RIA Services访问数据库实例
科技小能手
1164 0

热门文章

最新文章

  • 1
    Silverlight 访问WCF的跨域
  • 2
    上接游戏人生Silverlight(6) - 贪吃蛇[Silverlight 3.0(c#)]
  • 3
    SilverLight开发系列第3步：制作鼠标跟随效果，顺便熟悉一些基本概念：群组 和 动画
  • 4
    Silverlight 结合ArcGis 在地图上画线
  • 5
    Silverlight实用窍门大集合+Silverlight 5 最全新特性【目录索引】
  • 6
    Silverlight 5 RC新特性探索系列:12.Silverlight 5 RC 窗口模式下访问自定义DLL和WIN32 API
  • 7
    也说说Silverlight动态加载DLL
  • 8
    ArcGIS API for Silverlight之配准JPG图片地图文字倾斜解决方案
  • 9
    解决ArcGIS API for Silverlight 加载地图的内外网访问问题
  • 10
    风云的银光志Silverlight4.0教程之与摄像头与迈克风设备交互
  • 1
    Silverlight & Blend动画设计系列二：旋转动画（RotateTransform）
    1148
  • 2
    Silverlight & Blend动画设计系列六：动画技巧（Animation Techniques）之对象与路径转化、波感特效
    1205
  • 3
    Silverlight & Blend动画设计系列五：故事板(StoryBoards)和动画(Animations)
    1042
  • 4
    Silverlight & Blend动画设计系列四：倾斜动画（SkewTransform）
    954
  • 5
    silverlight起步（二）——第一个silverligth
    988
  • 6
    Silverlight4Beta之鼠标右键支持
    960
  • 7
    Silverlight4Beta之Binding的新特性（上）
    1286
  • 8
    Flash 与 Silverlight 终极大比拼
    1549
  • 9
    Silverlight访问摄像头和麦克风(2)视频对话
    1024
  • 10
    Silverlight与WCF之间的通信(2)利用WCF的双工通信“推送”给SL数据
    1255

    • 相关电子书

    更多
  • 低代码开发师（初级）实战教程
  • 冬季实战营第三期：MySQL数据库进阶实战
  • 阿里巴巴DevOps 最佳实践手册
    • 下一篇
    阿里云负载均衡收费标准：ALB、NLB和CLB价格，包括LCU费用、实例费和公网带宽价格