甘特概述

Gantt显示了一组用于可视化项目计划数据的任务和依赖项。

它提供了一个树状列表部分,用户可以在其中以网格的方式编辑、排序和重新排序任务;它还提供了一个时间线部分,任务和依赖关系在一个可调节的时间标尺下可视化。用户可以调整、移动、编辑和删除它们。Gantt还支持在日、周和月视图中显示时间线部分。

jQuery Kendoka图像的剑道UI

甘特是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”作为一个论点。

另请参阅

在本文中
Baidu
map