奥瑞莉亚和 Kendo

Question

将 Kendo 与 AngularJS 一起使用时，可以（可能是首选）通过 k-options 属性

配置 javascript 中的组件

<input kendo-date-picker k-options="monthPickerConfig">

但是对于 Aurelia，配置似乎只在标记中可用。

<input style="width: 100%;"
       ak-datetimepicker="k-value.two-way: today;
        k-widget.two-way: startDatePicker;
        k-parse-formats.bind: ['MM/dd/yyyy']"
        k-on-change.delegate="startChange()"/>

我的理解是否正确，或者有没有办法通过 javascript 配置 widets？

Answer 1

使用 Aurelia KendoUI Bridge 包装器，实际上记录最多的方法是通过视图配置 Kendo 组件。就像你提到的：

<input id="monthpicker" 
    ak-datepicker="k-value.bind:'November 2011'; 
    k-start.bind:'year'; 
    k-depth.bind: 'year';
    k-format.bind:'MMMM yyyy';" 
    style="width: 100%" />

但我相信没有什么能阻止您 referencing this element 在您的视图<>视图模型中：

<!-- simplified -->
<input id="monthpicker" view-model.ref="mypicker" />

...所以您可以在您的视图模型中完全配置它：

import 'kendo-ui/js/kendo.combobox';

export class App {
    private mypicker: kendo.ui.DatePicker;

    attached() {
        this.mypicker... // <-- set your config/options for Kendo here...
    }
}

可能是替代方案，对吗？

奥瑞莉亚和 Kendo

Aurelia and Kendo

kendo-ui

aurelia