当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


JavaScript ArcGIS GroupElement用法及代码示例


基本信息

以下是所在类或对象的基本信息。

AMD: require(["esri/form/elements/GroupElement"], (GroupElement) => { /* code goes here */ });

ESM: import GroupElement from "@arcgis/core/form/elements/GroupElement";

类: esri/form/elements/GroupElement

继承: GroupElement > Element > Accessor

自从:用于 JavaScript 4.16 的 ArcGIS API

用法说明

GroupElement 表单元素定义了一个容器,其中包含一组可以展开、折叠或一起显示的form elements。这是在 feature form'sfeature layer's formTemplate 中设置分组字段配置的首选方式。

带有单个字段元素的表单 具有分组字段元素的表单
field element group element

不支持嵌套组元素。

例子:

const fieldElement1 = new FieldElement({
  fieldName: "inspector",
  label: "Inspector name"
});

const fieldElement2 = new FieldElement({
  fieldName: "inspdate",
  label: "Inspection date",
  description: "Date inspection was handled",
  input: { // autocastable to DateTimePickerInput
    type: "datetime-picker",
      includeTime: true,
      min: 1547678342000,
      max: 1610836742000
    }
});

const fieldElement3 = new FieldElement({
  fieldName: "placename",
  label: "Business name",
  editable: false
});

// Create the group element and pass in elements from above
const groupElement = new GroupElement({
  label: "Business contact information",
  description: "Enter the business contact name",
  elements:[fieldElement1, fieldElement2, fieldElement3]
});

// Next pass in any elements to the FormTemplate
const formTemplate = new FormTemplate({
  title: "Inspector report",
  description: "Enter all relevant information below",
  elements: [groupElement] // Add group element to the template
});

相关用法


注:本文由纯净天空筛选整理自arcgis.com大神的英文原创作品 GroupElement。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。