• geoscene/form

FieldElement

AMD: require(["geoscene/form/elements/FieldElement"], (FieldElement) => { /* code goes here */ });
ESM: import FieldElement from "@geoscene/core/form/elements/FieldElement";
类: geoscene/form/elements/FieldElement
继承于:FieldElement Element Accessor
起始版本:GeoScene Maps SDK for JavaScript 4.16

FieldElement 表单元素可定义要素图层的字段如何参与 FeatureForm。这是在要素表单要素图层formTemplate 中设置字段配置的推荐方式。

表单模板字段元素

另请参阅
示例
// Create the field 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
});

const fieldElement4 = new FieldElement({
  fieldName: "floodinsur",
  label: "Flood insurance",
  input: { // autocastable to RadioButtonsInput
    type: "radio-buttons",
    noValueOptionLabel: "No value",
    showNoValueOption: true
  }
});

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

构造函数

new FieldElement(properties)
参数
properties Object
optional

有关可能传递给构造函数的所有属性的列表,请参见属性

属性概述

可以设置、检索或侦听任何属性。请参阅使用属性主题。
显示继承属性 隐藏继承属性
名称 类型 描述
String

类的名称。

更多详情
Accessor
String

元素的描述提供了其背后的目的。

更多详情
Element
CodedValueDomain|RangeDomain

字段的编码值属性域范围属性域

更多详情
FieldElement
Boolean

布尔值,用于确定用户是否可以编辑此表单元素。

更多详情
FieldElement
String

对在 FormTemplate 的 expressionInfos 中定义的 Arcade 表达式 表达式的名称的引用。

更多详情
FieldElement
String

由要素图层定义的字段名称。

更多详情
FieldElement
String

包含用于在编辑字段时帮助编辑者的提示。

更多详情
FieldElement
TextBoxInput|TextAreaInput|DateTimePickerInput|BarcodeScannerInput|ComboBoxInput|RadioButtonsInput|SwitchInput

要用于元素的输入。

更多详情
FieldElement
String

包含字段别名的字符串值。

更多详情
Element
String

对在 FormTemplateexpressionInfos 中定义的 Arcade 表达式 表达式的名称的引用。

更多详情
FieldElement
String

指示表单元素的类型。

更多详情
FieldElement
String

对在 FormTemplateexpressionInfos 中定义的 Arcade 表达式 表达式的名称的引用。

更多详情
FieldElement
String

对在 FormTemplateexpressionInfos 中定义的 Arcade 表达式 表达式的名称的引用。

更多详情
Element

属性详细信息

declaredClass Stringreadonly inherited

类的名称。声明的类名称格式化为 geoscene.folder.className

description String inherited

元素的描述提供了其背后的目的。

editable Boolean

布尔值,用于确定用户是否可以编辑此表单元素。如果未提供,则可编辑状态派生自服务中引用字段的可编辑属性。由 editableExpression (如果存在) 取代。

这不会更改基础服务的字段以及是否可以编辑它。

默认值:true
editableExpression String
起始版本:GeoScene Maps SDK for JavaScript 4.23

对在 FormTemplate 的 expressionInfos 中定义的 Arcade 表达式 表达式的名称的引用。表达式必须遵循约束配置文件中定义的规范。表达式可以使用 $feature 全局输入来引用字段值,并且必须返回 truefalse

当此表达式的计算结果为 true 时,可以编辑字段值,如果为 false,则反之亦然。如果未提供表达式,则可编辑行为由 editable 属性定义。如果要素服务上的引用字段不可编辑,则可编辑表达式将被忽略且元素不可编辑。

引用的表达式必须在表单模板的 expressionInfos 中进行定义。不能在元素对象内以内联方式设置它。

另请参阅
fieldName String

由要素图层定义的字段名称。设置此属性以指示要编辑的字段。

hint String

包含用于在编辑字段时帮助编辑者的提示。将此设置为 TextAreaInputTextBoxInput 中文本/数字输入的临时占位符。

要用于元素的输入。客户端应用程序负责定义默认用户界面。

包含字段别名的字符串值。这不是 Arcade 表达式,而是使用标题。

requiredExpression String

对在 FormTemplateexpressionInfos 中定义的 Arcade 表达式 表达式的名称的引用。表达式必须遵循约束配置文件中定义的规范。表达式可以使用 $feature 全局输入来引用字段值,并且必须返回 truefalse

当此表达式的计算结果为 true 并且需要字段值时,元素必须具有有效值才能创建或编辑要素。当表达式的计算结果为 false 时,不需要该元素。如果未提供表达式,则必需行为由 required 属性定义。

如果引用的字段不可为空,则忽略 requiredExpression 并且始终需要该元素。

引用的表达式必须在表单模板的 expressionInfos 中进行定义。不能在元素对象内以内联方式设置它。

另请参阅
type Stringreadonly

指示表单元素的类型。FieldElement 的类型为 field

对于 FieldElement,类型总是 "field"

示例
// Create an array of elements. If the element is autocasted, the type property must be set.
elements: [{
  // autocastable as FieldElement
  type: "field",
  fieldName: "lastname",
  label: "Last name"
 },
 {
  type: "field",
  fieldName: "firstname",
  label: "First name"
 }]
valueExpression String
起始版本:GeoScene Maps SDK for JavaScript 4.23

对在 FormTemplateexpressionInfos 中定义的 Arcade 表达式 表达式的名称的引用。表达式必须遵循表单计算配置文件中定义的规范。此表达式引用单个要素或其他图层中的字段值,并且必须返回日期、数字或字符串值。

计算表达式后,表单的字段值将更新为表达式的结果。

在实例化 FeatureForm 微件并利用使用 $map 变量的表达式时,需要设置 view 属性。

引用的表达式必须在表单模板的 expressionInfos 中进行定义。不能在元素对象内以内联方式设置它。

另请参阅
visibilityExpression String inherited

对在 FormTemplateexpressionInfos 中定义的 Arcade 表达式 表达式的名称的引用。表达式必须遵循约束配置文件定义的规范。表达式可以使用 $feature 配置变量来引用字段值,并且必须返回 truefalse

当此表达式的计算结果为 true 时,将显示该元素。当表达式的计算结果为 false 时,不显示该元素。如果未提供表达式,则始终显示该元素。在定义非空字段的可见性表达式时必须小心,即,确保此类字段具有默认值或对用户可见,以便他们可以在提交表单之前提供值。

引用的表达式必须在表单模板的 expressionInfos 中进行定义。不能在元素对象内以内联方式设置它。

另请参阅
示例
// Expression created within ExpressionInfos and is referenced in element
const expression = new ExpressionInfo({
  name: "alwaysHidden",
  expression: "false"
});

// Reference an already-defined visibilityExpression set within the ExpressionInfos
const fieldElement = new FieldElement({
  type: "field",
  fieldName: "inspemail",
  label: "Email address",
  visibilityExpression: "alwaysHidden"
});

formTemplate.expressionInfos = [ expression ];
formTemplate.elements = [ fieldElement ];

方法概述

显示继承的方法 隐藏继承的方法
名称 返回值类值 描述

添加一个或多个与对象的生命周期相关联的句柄。

更多详情
Accessor
FieldElement

创建 FieldElement 类的深度克隆。

更多详情
FieldElement
*

创建此类的新实例并使用从 GeoScene 产品生成的 JSON 对象值对其进行初始化。

更多详情
Element
Boolean

如果存在指定的句柄组,则返回 true。

更多详情
Accessor

移除对象拥有的句柄组。

更多详情
Accessor
Object

将此类的实例转换为 GeoScene Portal JSON 表示。

更多详情
Element

方法详细说明

addHandles(handleOrHandles, groupKey)inherited
起始版本:GeoScene Maps SDK for JavaScript 4.25

添加一个或多个与对象的生命周期相关联的句柄。当对象被销毁时,将移除句柄。

// Manually manage handles
const handle = reactiveUtils.when(
  () => !view.updating,
  () => {
    wkidSelect.disabled = false;
  },
  { once: true }
);

// Handle gets removed when the object is destroyed.
this.addHandles(handle);
参数
handleOrHandles WatchHandle|WatchHandle[]

对象销毁后,标记为要移除的句柄。

groupKey *
optional

标识句柄应添加到的组的键。组中的所有句柄稍后都可使用 Accessor.removeHandles() 进行删除。如果未提供键,则句柄将被添加到默认组。

clone(){FieldElement}

创建 FieldElement 类的深度克隆。

返回
类型 描述
FieldElement FieldElement 实例的深度克隆。
fromJSON(json){*}static

创建此类的新实例并使用从 GeoScene 产品生成的 JSON 对象值对其进行初始化。传入到输入 json 参数的对象通常来自对 REST API 中查询操作的响应或来自另一个 GeoScene 产品的 toJSON() 方法。有关何时以及如何使用该函数的详细信息和示例,请参阅指南中的使用 fromJSON() 主题。

参数
json Object

GeoScene 格式实例的 JSON 表示。有关各种输入 JSON 对象的结构示例,请参阅 GeoScene REST API 文档

返回
类型 描述
* 返回该类的新实例。
hasHandles(groupKey){Boolean}inherited
起始版本:GeoScene Maps SDK for JavaScript 4.25

如果存在指定的句柄组,则返回 true。

参数
groupKey *
optional

组键。

返回
类型 描述
Boolean 如果存在指定的句柄组,则返回 true
示例
// Remove a named group of handles if they exist.
if (obj.hasHandles("watch-view-updates")) {
  obj.removeHandles("watch-view-updates");
}
removeHandles(groupKey)inherited
起始版本:GeoScene Maps SDK for JavaScript 4.25

移除对象拥有的句柄组。

参数
groupKey *
optional

要移除的组键或组键的数组或集合。

示例
obj.removeHandles(); // removes handles from default group

obj.removeHandles("handle-group");
obj.removeHandles("other-handle-group");
toJSON(){Object}inherited

将此类的实例转换为 GeoScene Portal JSON 表示。有关详细信息,请参阅使用 fromJSON() 指南主题。

返回
类型 描述
Object 此类实例的 GeoScene Portal JSON 表示。

您的浏览器不再受支持。请升级您的浏览器以获得最佳体验。请参阅浏览器弃用帖子以获取更多信息