Easy XML自定义界面问题，想要一个禁用输入的功能

要实现这个功能，首先在界面设计上，界面1需显示10个可更改参数的输入框，并设置一个“参数锁定”按钮。界面2则显示10个参数名称，每个名称后都对应一个初始状态为“false”（可编辑）的按钮。在实现逻辑方面，先使用数组或字典存储每个参数的锁定状态（true或false）。然后，在界面2中，每个按钮的点击事件会更新对应参数的锁定状态，当按钮状态变为“true”时，界面1中对应参数的输入框就会被设置为只读状态。最后，每次界面2中按钮状态改变时，都要及时更新界面1中对应参数输入框的状态。
示例代码（伪代码）：
<!-- 界面1 -->
<Window>
  <TextBox id="param1" isReadOnly="{binding param1Locked}" />
  <TextBox id="param2" isReadOnly="{binding param2Locked}" />
  ...
  <TextBox id="param10" isReadOnly="{binding param10Locked}" />
  <Button text="参数锁定" onClick="showLockWindow" />
</Window>

<!-- 界面2 -->
<Window>
  <Label text="参数1" />
  <Button text="{binding param1Locked}" onClick="toggleLock('param1')" />
  ...
  <Label text="参数10" />
  <Button text="{binding param10Locked}" onClick="toggleLock('param10')" />
</Window>；
// 数据绑定
let paramLocked = {
  param1: false,
  param2: false,
  ...
  param10: false
};

// 界面2按钮点击事件
function toggleLock(paramName) {
  paramLocked[paramName] = !paramLocked[paramName];
  updateInterface1();
}

// 更新界面1
function updateInterface1() {
  for (let param in paramLocked) {
    let textBox = document.getElementById(param);
    textBox.isReadOnly = paramLocked[param];
  }
}
// 显示界面2
function showLockWindow() {
  // 显示界面2代码
}；
这样，当用户在界面2中点击按钮改变锁定状态时，界面1中的参数输入框会相应地变为只读或可编辑状态。