何时在 Kendo UI Data-Source 和 Observable 中使用以在模板中显示数据

Question

这里有示例代码，它以两种方式显示自动完成功能。

<div data-role="view" data-model="foo">
    <div>
    An autocomplete widget
    <input data-role="autocomplete" data-source="['foo', 'bar', 'baz']" />
    </div>

    <div>
    A widget bound to the mobile view ViewModel dataSource field
    <input data-role="autocomplete" data-bind="source: dataSource" />
    </div>
</div>

<script>
    var foo = kendo.observable({
        dataSource: ['foo', 'bar', 'baz']
    });

    new kendo.mobile.Application();
</script>

什么时候必须使用 observable，什么时候必须使用 DataSource？我不明白区别。

Answer 1

您感到困惑的原因是，在您的示例中，您根本没有使用 Kendo UI DataSource 对象。你的两个例子都很简单ObservableObjects。要创建DataSource，您实际上必须使用kendo.data.DataSource() 函数实例化一个变量。

ObservableObjects 支持更改跟踪并在发生更改时通知任何订阅者。

DataSource 的项目是 ObservableObject 实例。

Kendo API Reference: ObservableObject

Kendo API Reference: DataSource