Question

如何将本地数组绑定到kendo的MVVM下拉列表。

我有一个像这样的数组

var array = [0.0, 20.00]

我希望将它绑定到我的输入控件

<input data-role="dropdownlist"
       data-bind='"source: ' + array + '"' />

它不起作用。我有什么想法可以实现这个目标吗？

感谢

Answer 1

MVVM源绑定接受模型字段，而不接受窗口范围中的变量。如果您想将DropDownList绑定到原始值，请使用数据源属性：

<input data-role="dropdownlist" data-source="array" />

这是一个可运行的demo。

如果您想使用源绑定，请定义视图模型。这是展示这种方法的另一个demo。

Answer 2

很难从您的问题中判断您是否忘记使用kendo.bind() to bind the View to the ViewModel，但我建议您查看Kendo UI Framework Source Binding documentation以获取data-bind的语法。另请查看DropDownList MVVM Demo以获取更完整的示例。最简单的实现如下所示：

<body id="appRoot">
  <p>Minimalist DropDownList example</p>
  <input data-role="dropdownlist" data-bind="source: array">
  <script>
    // Ideally you would use this viewModel variable instead of the plain JavaScript object literal below
    var viewModel = kendo.observable( { array: [ 0.0, 20.00 ] } );

    kendo.bind($("#appRoot"), { array: [ 0.0, 20.00 ] } );
  </script>
</body>

kendo MVVM数据绑定下拉列表

2 个答案: