JavaScript触发Eclipse Scout Java侧PropertyChangeEvent及只读字段同步问题

直接操作DOM修改只读StringField的值无法触发Java端的PropertyChangeEvent，核心原因是Eclipse Scout的前端组件依赖自身模型层同步数据，而非原生DOM事件——只读状态下，Scout会移除输入框的事件监听，且直接修改DOM值不会更新Scout的字段模型，自然无法同步到Java后端。

可行解决方案：操作Scout字段模型而非DOM #

Scout提供了前端API直接操作字段模型，通过模型层触发事件并同步数据：

// 获取Scout字段模型实例（通过DOM容器关联）
let fieldContainer = document.querySelector('div[data-modelclass~="my.project.path.MyForm$MyRootGroupBox$MyStringField"]');
let myField = scout.widgets.getByElement(fieldContainer);

// 设置字段值（只读状态下模型依然允许赋值）
const myValue = "MyContent";
myField.setValue(myValue);

// 手动触发PropertyChangeEvent
myField.firePropertyChange('value', null, myValue);

// 强制同步值到Java后端（可选，需立即触发后端逻辑时使用）
myField.storeValue();

关键说明 #

1. 避免直接操作DOM：Scout的字段状态、值同步完全依赖内部模型，DOM只是视图层，修改DOM无法触发表层下的模型更新逻辑。
2. 模型层不受只读限制：即使字段在Java端设置为enabled=false（只读），前端模型的setValue方法依然可以修改值——只读只是UI交互限制，并非模型层的权限锁。
3. 手动触发事件：调用firePropertyChange会模拟值变更的事件流，让Java端的PropertyChangeListener感知到变化。
4. 同步到后端：storeValue方法会主动将前端模型的新值发送到Java后端，触发后续业务逻辑。

额外提示 #

如果修改后UI没有更新（只读字段可能不会自动刷新视图），可以调用以下代码强制更新显示：

myField.renderValue();

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