Kendo 网格显示中的 TreeView 'undefined'

Question

我有这个 kendo grid demo，在 outletID 列上，我想使用带复选框的 kendoTreeView，因此可以选择多个 outletID。但是当编辑它时显示 undefined 结果，并且显示 outletName 的模板也不起作用。感谢您的帮助

DEMO IN DOJO

Answer 1

您的树需要 dataTextField and dataValueField 设置。

您的列模板不知道到哪里寻找 outletName。 Kendo 支持 1-N relationships，但我不知道 N-N。

您模板中的数据是网格的当前行。对于第一行，那将是 {"id":"1","outletID":"LA2,LA3","accountName":"Data1"}。您需要自己处理这些数据。例如：

template: "#= (data.outletID) ? data.outletID.split(',')
    .map(x => TreeData.find(y => y.outletID == x)['outletName']) : '' #"

对于小编来说，一个dropDownTree的值是an array。你的行有一个字符串。您需要做两件事：

1。在函数 outletTree:

中初始化编辑器的值

if (options.model) {
    ddt.value((options.model[options.field] || '').split(','))
}

2。当 dropDownTree 的值发生变化时，更新您的网格行：

  change: e => {
    const value = e.sender.value();
    console.log(value)
    options.model.set(options.field, value.join(','))
  }

这是一个更新的 dojo：https://dojo.telerik.com/@GaloisGirl/oYEGerAK . The "Update" button doesn't work yet, probably because the dataSource must support edition. Here 是如何在本地数据上进行。

Kendo 网格显示中的 TreeView 'undefined'

Kendo TreeView in grid display 'undefined'

kendo-ui

kendo-treeview

kendo-grid