Aurelia和剑道

Posted 2021-05-03

当使用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配置广告？

答案

使用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%" />

但是我相信在你的视图<> viewmodel中没有什么能阻止你从referencing this element：

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

...所以你可以在你的viewmodel中完全配置它：

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

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

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

可能是另类，对吗？