甘特概述
Gantt显示了一组用于可视化项目计划数据的任务和依赖项。
它提供了一个树状列表部分,用户可以在其中以网格的方式编辑、排序和重新排序任务;它还提供了一个时间线部分,任务和依赖关系在一个可调节的时间标尺下可视化。用户可以调整、移动、编辑和删除它们。Gantt还支持在日、周和月视图中显示时间线部分。
甘特是jQuery的剑道UI,一个具有 110+ 组件的专业级UI库,用于构建现代和功能丰富的 应用程序。想要试用它,请注册一个30天的免费试用。
基本配置
的kendo.data.GanttTask
对象提供以下字段:
结束日期
-任务结束的日期。- 扩大
布尔
-指定任务是否扩展。 身份证号码
- Gantt任务的唯一标识符。的任务,id
不设,都算是“新”
.orderId数量
-任务的索引。orderId值应该是唯一且连续的。parentId数量
父任务的唯一标识符。的任务,parentId
不设或为空,均视为“root”
.percentComplete数量
-任务完成百分比。开始日期
-任务开始的日期。摘要布尔
-指示任务是否有子任务。标题字符串
-任务的标题。
当您使用
schema.model.fields
,列出所有kendo.data.GanttTask
字段。设置表示的字段id
事件通过schema.model.id
.
如果远程服务以不同的格式存储和返回甘特任务,请使用schema.model.fields
而且schema.model.id
用于描述它们的数据源选项。有关将远程服务字段映射到客户端Gantt任务字段的详细信息,请参阅关于数据绑定的文章.
schema: {model: {id: "id", //(必选)任务的id为id字段。{//描述Gantt任务字段并将其映射到远程服务返回的字段。id: {from: " id ", // 'id'服务器端字段映射到'id'客户端字段'title'服务器端字段被映射到'title'客户端字段。type: "string"}, start: {from: " start ", // 'start'服务器端字段映射到'start'客户端字段。type: "date",}, end: {from: " end ", // 'end'服务器端字段映射到'end'客户端字段。{from: " orderId ", // 'orderId'服务器端字段映射到'orderId'客户端字段type: "number"}, parentId: {from: " parentId ", // 'parentId'服务器端字段映射到'parentId'客户端字段。'percentComplete'服务器端字段被映射到'percentComplete'客户端字段。'summary'服务器端字段被映射到'summary'客户端字段。 type: "boolean" }, expanded: { from: "Expanded", // The 'Expanded' server-side field is mapped to the 'expanded' client-side field. type: "boolean" } } } }
的kendo.data.GanttDependency
对象提供以下字段:
身份证号码
- Gantt依赖的唯一标识符。的任务,id
不设,都算是“新”
.predecessorId数量
-前身任务的唯一标识符。successorId数量
-后续任务的唯一标识符。型数
-依赖的类型。
当您使用
schema.model.fields
,列出所有kendo.data.GanttDependency
字段。设置表示的字段id
事件通过schema.model.id
.
如果远程服务以不同的格式存储和返回甘特依赖项,请使用schema.model.fields
而且schema.model.id
用于描述它们的数据源选项。有关将远程服务字段映射到客户端Gantt依赖项字段的详细信息,请参阅关于数据绑定的文章.
schema: {model: {id: "id", //(必选)依赖项的id为id字段。{//描述Gantt任务字段并将其映射到远程服务返回的字段。id: {from: " id ", // 'id'服务器端字段映射到'id'客户端字段type: "number"}, destinorid: {from: " destinorid ", //“destinorid”服务器端字段映射到“destinorid”客户端字段。type: "string"}, successorId: {from: " successorId ", // 'successorId'服务器端字段映射到'successorId'客户端字段。type: "date",}, type: {from: " type ", // 'type'服务器端字段映射到'type'客户端字段。类型:“date”}}}}
功能和特性
引用现有实例
要获得Kendo UI Gantt实例的引用,请使用jQuery数据
然后通过“kendoGantt”
作为一个论点。