kendo ui网格属性

Question

我正在阅读Angularjs Kendo UI应用程序，而我正试图弄清楚发生了什么。

在以下代码中：

<div id="my-grid">
  <div kendo-grid="controllerName.myGrid" 
       k-options="controllerName.myGridConfig">
   </div>
 </div>

从文档中可以明显看出k-options代表什么，但我无法找到与kendo-grid属性相关的任何内容。

Answer 1

根据此处的Kendo UI Angular文档：http://docs.telerik.com/kendo-ui/AngularJS/introduction#widget-creation-in-angularjs：

  

指令启用了kendo-widget-name等属性。

因此，kendo-grid属性将创建一个Kendo UI Grid小部件。

在页面的下方，HTML中的小部件选项部分说：

  

您可以通过将选项名称从camelCase转换为dash-separated-words，并在其前面添加k - 来指定元素属性中Kendo UI小部件支持的任何选项。

因此，要配置Kendo UI网格，您可能需要使用k-[attr-name]语法设置特定的网格属性。

有一些示例可以在该页面上创建窗口小部件和设置属性，虽然它们没有专门使用网格作为示例窗口小部件，但相同的主体将适用于创建和配置网格窗口小部件。