Kendo ui 剑道格网

我对Angular有点陌生，正在尝试学习如何在不使用Angular的jQuery的情况下使用剑道网格。我得到用于小部件配置的jQuery代码是用javascript编写的，但我没有得到HTML指令

<kendo-grid options="mainGridOptions">

---

“选项”属性是什么意思？我假设它是剑道网格（由指令定义）小部件具有的属性？但是，当我转到时，我在字段的配置下拉列表中没有看到它

您应该像这样使用

k-options

<kendo-grid k-options="mainGridOptions"></kendo-grid>

$('myGrid').kendoGrid({
   dataSource: {
      data: myData
   },
   height: 550
});

<div kendo-grid="myGrid"
    k-data-source="myData"
    k-height="550"
></div>

这是引用选项对象的方式

在基于jQuery的剑道UI中，它被传递到构造函数中，如下所示

<kendo-grid k-options="mainGridOptions"></kendo-grid>

$('myGrid').kendoGrid({
   dataSource: {
      data: myData
   },
   height: 550
});

<div kendo-grid="myGrid"
    k-data-source="myData"
    k-height="550"
></div>

作为旁注，大多数（如果不是所有的话）配置选项都可以直接在指令上使用

k-

前缀

例如

<kendo-grid
    k-data-source="myData"
    k-height="550"
></kendo-grid>

另一个注意事项是，如果将指令用作如下属性

<kendo-grid k-options="mainGridOptions"></kendo-grid>

$('myGrid').kendoGrid({
   dataSource: {
      data: myData
   },
   height: 550
});

<div kendo-grid="myGrid"
    k-data-source="myData"
    k-height="550"
></div>

---

属性k-options可用于在控制器中存储整个小部件配置。此属性也可用于其他剑道组件，如调度程序、日期选择器等

以下是使用k-options属性实现的剑道日期选择器示例：

<div ng-app="app" ng-controller="MyCtrl">
    <input kendo-date-picker k-options="monthPickerConfig">
</div>

<script>
angular.module("app", ["kendo.directives"]).controller("MyCtrl", function($scope) {
    $scope.monthPickerConfig = {
      start  : "year",
      depth  : "year",
      format : "MMMM yyyy"
    };
});
</script>

angular.module（“app”、[“kendo.directives”]）.controller（“MyCtrl”，函数（$scope）{
$scope.monthPickerConfig={
开始：“年”，
深度：“年”，
格式：“MMMM yyyy”
};
});

感谢您的详细回复！我理解用“k-”预固定的概念。然而，我的问题是，什么是“选择”。如果您查看网格的名称，您可以在fields部分看到dataSource，以k-data-source的方式使用它是有意义的。但是“选项”在哪里，我在任何地方都看不到。我在第一个代码片段中向您展示了-

k-options

，虽然这可以从理论上回答这个问题，但在这里包括答案的基本部分，并提供链接供参考。这里有剑道解释：