ArcGIS JS API 3.24：AttributeInspector下拉框值过滤及替代方案问询

没问题！这个需求完全可以实现，下面分两种情况给你详细说明：

如果你坚持使用AttributeInspector（常见于ArcGIS JS API 3.x，4.x也有兼容支持），可以通过监听外部下拉框的变化事件，动态修改目标属性字段的**domain（编码值域）**来实现过滤。具体步骤如下：

1. 提前准备好目标属性的候选值与外部下拉选项的映射关系，比如给编码值域的每个codedValue添加关联的分类标识；
2. 监听外部下拉框的change事件，获取选中值；
3. 找到AttributeInspector中对应目标字段的配置，过滤出符合当前选中分类的候选值；
4. 更新字段的domain并刷新AttributeInspector。

示例代码（基于JS API 3.x）：

// 假设外部下拉框的ID是"categoryDropdown"
const categoryDropdown = document.getElementById("categoryDropdown");
const attributeInspector = new AttributeInspector({
  layerInfos: [{
    featureLayer: yourPolygonLayer,
    fieldInfos: [
      { fieldName: "main_category", label: "主分类" },
      { fieldName: "sub_category", label: "子分类" }
    ]
  }],
  container: "inspectorDiv"
});

// 监听外部下拉框变化
categoryDropdown.addEventListener("change", function(e) {
  const selectedCategory = e.target.value;
  // 获取子分类字段的原始domain
  const subCatField = yourPolygonLayer.fields.find(f => f.name === "sub_category");
  const originalDomain = subCatField.domain;
  
  // 过滤符合当前主分类的候选值
  const filteredCodedValues = originalDomain.codedValues.filter(cv => {
    // 假设每个codedValue的description或自定义属性存储了主分类关联
    return cv.description.includes(selectedCategory);
  });
  
  // 更新AttributeInspector中字段的domain
  const fieldConfig = attributeInspector.layerInfos[0].fieldInfos.find(info => info.fieldName === "sub_category");
  fieldConfig.domain = {
    type: originalDomain.type,
    codedValues: filteredCodedValues
  };
  
  // 刷新AttributeInspector以应用新的下拉选项
  attributeInspector.refresh();
});

需要注意的是，这种方式依赖于你对字段domain的预先设计，确保每个候选值能和外部下拉选项建立关联。

如果你使用的是ArcGIS JS API 4.x版本，FeatureForm是官方更推荐的表单组件，它比AttributeInspector更灵活，原生支持动态更新字段配置，实现下拉过滤会更简洁。

FeatureForm可以直接监听表单内字段值的变化（或者外部下拉框的变化），然后动态修改目标字段的domain，无需复杂的DOM操作。示例代码如下：

import FeatureForm from "@arcgis/core/widgets/FeatureForm";
import FeatureLayer from "@arcgis/core/layers/FeatureLayer";

const yourPolygonLayer = new FeatureLayer({
  url: "your-feature-layer-url"
});

const featureForm = new FeatureForm({
  container: "formContainer",
  layer: yourPolygonLayer,
  fieldInfos: [
    { fieldName: "main_category", label: "主分类" },
    { fieldName: "sub_category", label: "子分类" }
  ]
});

// 监听主分类字段的变化（如果主分类是表单内的字段）
featureForm.watch("values.main_category", (newCategory) => {
  const subCatField = featureForm.fieldInfos.find(info => info.fieldName === "sub_category");
  const originalDomain = yourPolygonLayer.fields.find(f => f.name === "sub_category").domain;
  
  // 过滤候选值
  const filteredValues = originalDomain.codedValues.filter(cv => cv.attributes.main_category === newCategory);
  
  // 更新子分类字段的domain
  subCatField.domain = {
    type: originalDomain.type,
    codedValues: filteredValues
  };
  
  // 刷新表单
  featureForm.refresh();
});

FeatureForm不仅支持动态过滤下拉选项，还提供了更丰富的表单验证、自定义编辑器等功能，是4.x版本中构建要素属性表单的首选组件。

内容的提问来源于stack exchange，提问作者Amit Dube