ValuePickerCombobox

AMD: require(["geoscene/widgets/ValuePicker/ValuePickerCombobox"], (ValuePickerCombobox) => { /* code goes here */ });
ESM: import ValuePickerCombobox from "@geoscene/core/widgets/ValuePicker/ValuePickerCombobox.js";
类: geoscene/widgets/ValuePicker/ValuePickerCombobox
起始版本:GeoScene Maps SDK for JavaScript 4.27

此类表示一个可搜索的组合框列表组件,该组件可以分配给 ValuePicker 微件的 component 属性。有关如何设置此类的详细信息,请参阅使用组合框组件来显示可选项目部分。

示例
// Create a ValuePicker widget with a combobox component.
const valuePicker = new ValuePicker({
  component: new ValuePickerCombobox({
    placeholder: "Pick Zoning Type",
    items: [
      { value: "ind", label: "Industrial" },
      { value: "res", label: "Residential" },
      { value: "com", label: "Commercial" }
    ]
  }),
  values: ["res"]
});

构造函数

new ValuePickerCombobox(properties)
参数
properties Object
optional

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

属性概述

名称 类型 描述
ComboboxItem[]

组合框项目的数组。

更多详情
ValuePickerCombobox
String

组合框标注。

更多详情
ValuePickerCombobox
String

组合框占位符文本。

更多详情
ValuePickerCombobox
String对于 ValuePickerCombobox,类型总是 "combobox"更多详情ValuePickerCombobox

属性详细信息

组合框项目的数组。

默认值:null
示例
// Create a ValuePicker with a zip code combobox component.
const valuePicker = new ValuePicker({
  component: new ValuePickerCombobox({
    placeholder: "Pick a Zip Code",
    items: [
      { value: "90606", label: "Whittier, CA (90606)" },
      { value: "76001", label: "Arlington, TX (76001)" },
      { value: "92335", label: "Fontana, CA (92335)" }
    ]
  }),
  values: ["90606"]
});
label String

组合框标注。

默认值:"ValuePickerCombobox"
placeholder String

组合框占位符文本。

默认值:null
type Stringreadonly

对于 ValuePickerCombobox,类型总是 "combobox"

类型定义

ComboboxItem Object

用于定义组合框项目的对象。

属性
value String

组合框项目的值。

label String

用户将在组合框中看到的此项目的标注。

您的浏览器不再受支持。请升级您的浏览器以获得最佳体验。