Structr页面中动态Select组件与关联数据更新指南

<select name="countrySelection">
    <!-- 可选：添加一个默认的占位选项 -->
    <option value="">-- 请选择国家 --</option>
    <!-- 使用 data-sly-repeat 遍历查询结果 -->
    <option data-sly-repeat.country="${find('Country')}" value="${country.id}">${country.name}</option>
</select>

<select name="countrySelectionJS">
    <option value="">-- 请选择国家 (JS) --</option>
    <option data-sly-repeat.country="${
        {
            return $.find('Country').sort(function(a, b) {
                return a.name.localeCompare(b.name); // 示例：按国家名称排序
            });
        }
    }" value="${country.id}">${country.name}</option>
</select>

/**
 * 更新顾问的所属国家
 * @param {string} consultantId 顾问的UUID
 * @param {string} countryId 目标国家的UUID
 */
function updateConsultantCountry(consultantId, countryId) {
    // 替换为您的Structr实例域名或地址
    const domain = 'localhost:8082'; // 例如：'www.yourdomain.com'
    const typeName = 'Consultant'; // 要更新的节点类型
    const url = `http://${domain}/structr/rest/${typeName}/${consultantId}`;

    fetch(url, {
        method: 'PUT', // 使用PUT方法更新现有对象
        headers: {
            'Content-Type': 'application/json'
            // 如果需要认证，请在此处添加Authorization头
        },
        body: JSON.stringify({
            // 关系属性名: 目标对象的UUID
            isBasedIn: countryId
        })
    })
    .then(response => {
        if (!response.ok) {
            throw new Error(`HTTP error! status: ${response.status}`);
        }
        return response.json();
    })
    .then(data => {
        console.log('顾问所属国家更新成功:', data);
        // 可以在此处添加成功后的UI反馈
    })
    .catch(error => {
        console.error('更新顾问所属国家失败:', error);
        // 可以在此处添加失败后的UI反馈
    });
}

// 示例调用 (请替换为实际的UUID)
// const currentConsultantId = 'abcdef123';
// const selectedCountryId = '123abcdef';
// updateConsultantCountry(currentConsultantId, selectedCountryId);

<select name="hasWorkedCountries" multiple>
    <option data-sly-repeat.country="${find('Country')}" value="${country.id}">${country.name}</option>
</select>

/**
 * 更新顾问的工作国家列表
 * @param {string} consultantId 顾问的UUID
 * @param {string[]} countryIds 目标国家UUID的数组
 */
function updateConsultantWorkedCountries(consultantId, countryIds) {
    const domain = 'localhost:8082'; // 替换为您的Structr实例域名或地址
    const typeName = 'Consultant';
    const url = `http://${domain}/structr/rest/${typeName}/${consultantId}`;

    fetch(url, {
        method: 'PUT',
        headers: {
            'Content-Type': 'application/json'
        },
        body: JSON.stringify({
            // 关系属性名: 目标对象UUID的数组
            hasWorked: countryIds
        })
    })
    .then(response => {
        if (!response.ok) {
            throw new Error(`HTTP error! status: ${response.status}`);
        }
        return response.json();
    })
    .then(data => {
        console.log('顾问工作国家列表更新成功:', data);
    })
    .catch(error => {
        console.error('更新顾问工作国家列表失败:', error);
    });
}

// 示例调用 (请替换为实际的UUID和数组)
// const currentConsultantId = 'abcdef123';
// const selectedCountryIds = ['countryId1', 'countryId2', 'countryId3']; // 从多选框中获取的ID数组
// updateConsultantWorkedCountries(currentConsultantId, selectedCountryIds);