ext甘特图

前段时间公司让做一个项目，用到Ext甘特图，实现甘特图的增加，修改，删除。可是后台一直接收不到EXT甘特图传 来的值，用firefox看到post的内容是个JSON格式的。不能直接用request.getParameter()接收。 最后高手给了个方法用DataInputStream来接收。 DataInputStream input = new DataInputStream(request.getInputStream()); String str; Object o = null; while (null != ((str = input.readLine()))) { o = str; } input.close(); JSONObject jos = JSONObject.fromObject(o); Object obj = jos.get("jsonData"); 来源： oschina 链接： https://my.oschina.net/u/180932/blog/33817

Ext Scheduler Web资源甘特图控件 资源甘特图又叫负荷图，其纵轴不再列出活动，而是列出整个部门或特定的资源。 Ext Scheduler资源甘特图 是基于Extjs核心库的开发的，基于WEB浏览器的甘特图解决方案。可应用于生产能力进行计划和控制系统等的开发。和 Ext Gantt甘特图 一样， Ext Scheduler甘特图 完全兼容Extjs语法，熟悉Extjs可以轻易上手。 Ext Scheduler Web资源甘特图控件演示 资源甘特图基本例子 该例子演示了不同的时间刻度的变换。单击工具栏上的按钮切换时间刻度。开发人员也很容易自定义自己的时间刻度， 例如，每个刻度代表5分钟或10年等等。时间刻度可以动态的调整或通过程序赋值。 单击这里查看演示 资源甘特图中将资源分组 这个例子演示了如何将资源分组。先安排一些资源到时间刻度内，然后单点击组前的“-”号关闭组的时候，资源会以略缩图的形式显示. 单击这里查看演示 只读视图和分组预览 该例子演示了如何生成一个只读的甘特视图。在只读的视图还包含分组预览的例子 单击这里查看演示 资源甘特图中定位甘特图中的元素 该示例演示了如何编程来定位甘特图中的元素。你可以滚动视图到某个时间点，或者到事件集中的某个事件。 单击这里查看演示 仿桌面软件的甘特图窗口 很多项目管理软件都是b/s结构，用户习惯于桌面软件的界面

分享Ext Gantt Web甘特图控件 甘特图（Gantt chart ）又叫 横道图 、条状图(Bar chart)。它是以图示的方式通过活动列表和时间刻度形象地表示出任何特定项目的活动顺序与持续时间。 Ext Gantt甘特图 是基于Extjs核心库的开发的，基于WEB浏览器的甘特图解决方案。可应用于项目管理系统、 ERP 系统、MES系统或其它的任务资源分配相关领域的应用程序的。 Ext Gantt甘特图 完全兼容Extjs语法，熟悉Extjs可以轻易上手。 更多相关内容， 请点击这 里 Ext Gantt Web甘特图控件演示 可在线编辑的甘特图 可以在任务树区域，使用输入框/下拉选择框/日期/数值调节器等超过30个编辑器。 单击这里查看演 示 筛选甘特图中的事件 可以按照不同的条件筛选甘特图中的事件，例如，进度小于30%的事件。 单击这里查看演示 自定义甘特图中的任务的字 段 程序员可以自定义任务的字段，如开始时间，结束时间，完成率，进度，最后期限等等。 单击这里查看演示 突出显示ext gantt甘特图中的特定事件 可以按照不同的条件突出显示甘特图中的事件，例如，进度大于7天的事件。 单击这里查看演示 计算甘特图关键路径 计算甘特图关键路径甘特图组件的重要功能，ext-gantt组件可以计算甘特图中任意逻辑的关键路径，并高亮显示。 单击这里查看演示

Extjs 甘特图自定义任务树 Extjs 甘特图 GanttPanel中默认的设置很难满足客户多变需求，我们就针对一些常用的扩展做一个说明。 一般最常用的需求是，自定义多列，自定义行，自定义单元格等等。下面我们就分别来说明。 Extjs 甘特图 自定义列 Extjs 甘特图 GanttPanel的列配置对象，描述了表头、单元格、编辑器等重要配置。一般来说， 我们提供一个列配置对象，显示了“序号”、“任务名称”、“开始日期”、“完成日期”、“进度”等比较典型的列。 但是有时我们会显示更多的任务属性，例如，任务的部门，负责人，地点等等。 Extjs 甘特图 自定义列非常简单，只要在配置GanttPanel的列配置对象中多添加一个单元既可。见以下 Extjs 甘特图 例子 1. var g = new Sch.gantt.GanttPanel({ 2. // Setup your static columns 3. columns : [ 4. { 5. header : 'Tasks', 6. sortable: true , 7. dataIndex : 'Name', 8. locked : true , 9. width:250, 10. editor : new Ext.form.TextField() 11. },{ 12. header : '更多列1', 13.

Extjs 甘特图自定义任务树 Extjs 甘特图 GanttPanel中默认的设置很难满足客户多变需求，我们就针对一些常用的扩展做一个说明。 一般最常用的需求是，自定义多列，自定义行，自定义单元格等等。下面我们就分别来说明。 Extjs 甘特图 自定义列 Extjs 甘特图 GanttPanel的列配置对象，描述了表头、单元格、编辑器等重要配置。一般来说， 我们提供一个列配置对象，显示了“序号”、“任务名称”、“开始日期”、“完成日期”、“进度”等比较典型的列。 但是有时我们会显示更多的任务属性，例如，任务的部门，负责人，地点等等。 Extjs 甘特图 自定义列非常简单，只要在配置GanttPanel的列配置对象中多添加一个单元既可。见以下 Extjs 甘特图 例子 1. var g = new Sch.gantt.GanttPanel({ 2. // Setup your static columns 3. columns : [ 4. { 5. header : 'Tasks', 6. sortable: true , 7. dataIndex : 'Name', 8. locked : true , 9. width:250, 10. editor : new Ext.form.TextField() 11. },{ 12. header : '更多列1', 13.

Extjs 甘特图自定义任务树 Extjs 甘特图 GanttPanel中默认的设置很难满足客户多变需求，我们就针对一些常用的扩展做一个说明。 一般最常用的需求是，自定义多列，自定义行，自定义单元格等等。下面我们就分别来说明。 Extjs 甘特图 自定义列 Extjs 甘特图 GanttPanel的列配置对象，描述了表头、单元格、编辑器等重要配置。一般来说， 我们提供一个列配置对象，显示了“序号”、“任务名称”、“开始日期”、“完成日期”、“进度”等比较典型的列。 但是有时我们会显示更多的任务属性，例如，任务的部门，负责人，地点等等。 Extjs 甘特图 自定义列非常简单，只要在配置GanttPanel的列配置对象中多添加一个单元既可。见以下 Extjs 甘特图 例子 1. var g = new Sch.gantt.GanttPanel({ 2. // Setup your static columns 3. columns : [ 4. { 5. header : 'Tasks', 6. sortable: true , 7. dataIndex : 'Name', 8. locked : true , 9. width:250, 10. editor : new Ext.form.TextField() 11. },{ 12. header : '更多列1', 13.

Extjs甘特图 的大数据量和性能优化 Extjs甘特图 所能支持的数据量，以及界面的渲染和操作性能，是衡量一个甘特图组件是否符合项目需要的重要指标。 为了支持超过万级超大数据量的 甘特图 ，Extjs提供一个数据缓冲视图的 解决方案 。使用这个方案非常简单，只需要在创建 甘特图 的时候，加入以下代码。 1. var g = new Sch.gantt.GanttPanel({ 2. 3. view : new Sch.gantt.BufferedGanttView({ 4. scrollDelay : false 5. }), 6. taskStore : store, 7. dependencyStore : dependencyStore, 8. }); 使用个数据缓冲视图的Extjs甘特图能支持10万条以上的数据量。在我们的测试中，内存开销和性能体验都非常好。 皮肤和主题 如果你不想让你的应用千人一面，那么Extjs甘特图提供的“皮肤和主题”功能就非常有必要了。 Extjs甘特图 提供三种不同风格的皮肤和样式，你也可以在美工的配合下自定义自己的皮肤和主题。 自定义主题1 自定义主题2 自定义主题3 以下的代码展示了通过CSS更改样式的多种方法。点击工具栏按钮更改样式。 1. var g = new Sch.gantt.GanttPanel({ 2. ... 3. }); 4