angular - 在 Kendo UI 中为 Angular 创建动态网格
问题描述
Angular 的 Kendo UI 有一个网格,可以定义如下:
<kendo-grid [data]="gridData" [height]="410">
<kendo-grid-column field="ProductID" title="ID" width="40">
</kendo-grid-column>
<kendo-grid-column field="ProductName" title="Name" width="250">
</kendo-grid-column>
<kendo-grid-column field="Category.CategoryName" title="Category">
</kendo-grid-column>
<kendo-grid-column field="UnitPrice" title="Price" width="80">
</kendo-grid-column>
</kendo-grid>
但我需要做的是动态构建列。就像是:
var grid = new KendoGrid();
var column = new KendoGridColumn();
grid.add(column);
这可能吗?
解决方案
AFAIK 你不能创建这样的网格。
或者,您可以通过ngFor
.
public columns = [
{ field:'ProductID', title:'ID', width:250 },
{ field:'Category.CategoryName', title:'Category' }
];
html
<kendo-grid [data]="gridData" [height]="410">
<kendo-grid-column
*ngFor="let column of columns"
[field]="column.field"
[title]="column.title"
[width]="column.width">
</kendo-grid-column>
</kendo-grid>
推荐阅读
- jquery - 如果另一个 div 的 display 属性从 none 更改为 block,如何将一个 div 的 display 属性更改为 none?
- sql - 从 oracle 中的嵌套目录创建外部表
- nested - 嵌套模型不收敛
- deep-learning - 使用 LSTM 预测未来 6 个月的销售情况
- environment-variables - 在运行本地开发服务器时,在 UI 中设置的 Netlify 环境变量被注入为未定义
- php - Laravel Scout 不会导入记录 - Laravel 8
- python - p_mask=p_mask[span_idx].tolist(),AttributeError: - 'list' 对象没有属性 'tolist'
- c++ - 在 C++ 中查找最大数字
- javascript - MongoDB:从结果中返回动态字段
- amazon-web-services - 如何启动在 k8s 中的几个小型实例节点上运行的 pod?