Available only in PRO Edition

Typeselect 控件

此功能仅在 PRO 版本中提供。

这是一个用于更改任务类型的选择框。
它从 types 对象中获取选项,并使用默认的 onchange 处理器。除此之外,它的行为与 Select 控件 中描述的控件相同。

gantt.config.lightbox.sections = [
    {name:"description", height:38, map_to:"text", type:"textarea", focus:true},
    {name: "type", type: "typeselect", map_to: "type"},                                 {name: "time", height: 72, type: "duration", map_to: "auto"}
];

Related sample:  Projects and milestones

初始化

要在 lightbox 中包含 typeselect 控件,只需像下面这样在 lightbox 配置中添加一个 section:

gantt.config.lightbox.sections = [
    {name:"description", height:38, map_to:"text", type:"textarea",focus:true},
    {name: "type", type: "typeselect", map_to: "type"},                                 {name: "time", height: 72, type: "duration", map_to: "auto"}
];

Related sample:  Projects and milestones

  • 每种任务类型都可以拥有自己的 lightbox,详见为每种类型设置独立的 lightbox。可以创建新的任务类型,并为其定义自定义的 lightbox 布局。
  • 当用户通过此控件更改任务类型时,lightbox 会根据所选类型更新其结构。
  • 此控件从 types 对象中获取选项,并使用默认的 onchange 处理器。
  • name="type" 的 section 默认标签为“Type”。如需自定义该标签,可使用以下代码:
gantt.locale.labels.section_type = "New label for the section";

属性

以下是 typeselect 控件常用的主要属性(完整列表见此处):

  • name - (string) section 的名称
  • height - (number) section 的高度
  • map_to - (string) section 映射的数据属性
  • type - (string) 控件类型
  • focus - (boolean) 若设置为 true,lightbox 打开时该 section 获得焦点
  • filter - (function) 任务类型的过滤函数,接收类型名称作为参数
Back to top