Aurelia Kendo Grid中的下拉列表编辑器

Question

以下是我从here获得的下拉代码：

myDropDownEditor(container, options) {
            //var fieldName="";

                $('<input required data-text-field=\"myType\" data-value-field="id" data-bind="value:name"/>')
                    .appendTo(container)
                    .kendoDropDownList({
                        autoBind: false,
                        dataSource: {
                          data: this.myList
                        }
                    });
        }

在运行时，当我点击网格上的编辑按钮时，出现以下错误：

my-type.ts:138 Uncaught TypeError: Cannot read property 'myList' of undefined

有什么想法吗？

Answer 1

你需要这样做，

dropdownEditor(container: any, options: any) {
    const dropDownData = [
      { name: 'One', value: 'ValueOne' },
      { name: 'Two' value: 'ValueTwo' },
      { name: 'Three', value: 'ValueThree' }
    ];
    $('<input required data-bind="value:' + options.field + '"/>')
      .appendTo(container)
      .kendoDropDownList({
        dataTextField: 'name',
        dataValueField: 'value',
        dataSource: dropDownData,
        optionLabel: 'Please select'
      });
  }