Question

我是Angular 2的新手，我正在使用PrimeNG的pickList（https://www.primefaces.org/primeng/#/picklist）实现双列表框。
我正在使用ADD和REMOVE按钮列出PrimeNG pickList内3列的表数据。有谁能告诉我如何最初禁用ADD和REMOVE按钮，直到用户选择pickLIst中的任何数据？

情景：
我在pickList中有两个容器：Source和Target。

如果用户从“源容器”中选择任何行或数据，则删除应禁用按钮，并应启用ADD按钮。
同样，如果用户从Target容器中选择任何数据，则添加应禁用按钮并启用REMOVE按钮。
如果在源容器和目标容器中都未选择任何数据，则两者都是应禁用ADD和REMOVE按钮

这是我的代码：

#primary {
  width: 100%;
  height: 15%;
  overflow: scroll;
}

#secundary {
  width: 100%;
  height: 85%;
  overflow: scroll;
}

有人能建议我如何在PrimeNG pickList中实现这个目标吗？

Answer 1

你可以在下面这样做。

document.getElementsByClassName('ui-picklist-buttons')[0].getElementsByClassName('ui-picklist-buttons-cell')[0]
        .getElementsByTagName('button')[0].setAttribute('disabled', 'disabled');

但这不是正确的禁用方法; - ）

Angular 2：如何在PrimeNG PickList中有条件地禁用或启用“添加”和“删除”按钮

1 个答案: