显示名称而不是值

Question

我正在使用列出数据集的下拉菜单。

我创建了一个 treeBoxValue 变量来分配预定义的下拉值。因此，当我打开下拉菜单时，会检查包含变量 treeBoxValue 值的元素。

我的问题是，这些默认值的呈现应该包含名称而不是值。

谁能帮我只显示名称而不显示值？

DEMO

问题：下拉列表显示的是值而不是名称:(

当我打开下拉菜单时，值更改为名称。我打算一开始就把名字弄好。

注意：如果下拉菜单没有打开，只刷新预览页面。

Answer 1

更改此行：

treeBoxValue = ["1", "2"];

对此：

treeBoxValue = [1, 2];

在您的 Books 数组中，字段 idBook 是数字。

Books = [
    {
      idBook: 1,
      name: "name1"
    },
    {
      idBook: 2,
      name: "name2"
    },
    {
      idBook: 3,
      name: "name3"
    }
  ];

显示名称而不是值

Display the name instead of the value

javascript

typescript

devextreme

angular

devextreme-angular