javascript - 无法在自定义复选框 kendo-grid-checkbox-column 中显示全选
问题描述
我正在使用angular和kendo,我在列标题中显示全选时遇到问题。这是我的代码:
app.component.html
...
<kendo-grid
scrollable="virtual"
[height]=500
[data]="data"
>
<kendo-grid-column field="" title="No">
<ng-template kendoGridCellTemplate let-rowIndex="rowIndex"><p>{{ rowIndex + 1 }}</p></ng-template>
</kendo-grid-column>
<kendo-grid-column field="item" title="{{ 'COMMON.LABEL.FUNCTION_AUTHORITY' | translate }}">
<kendo-grid-checkbox-column field="" title="Check all" showSelectAll="true">
<ng-template kendoGridCellTemplate let-dataItem>
<input type="checkbox" kendoCheckBox [ngModel]="dataItem.check" />
</ng-template>
</kendo-grid-checkbox-column>
</kendo-grid>
...
app.component.ts
import { data} from './data';
...
data: any[] = data;
...
数据.ts
export const data = [
{name: "item1", check: true},
{name: "item2", check: false},
{name: "item3", check: false},
{name: "item4", check: true},
{name: "item5", check: true}
];
我在我的项目中执行此代码,但它没有在列标题中显示全选。请帮助我,并为我糟糕的英语感到抱歉。
解决方案
现在我发现我的问题的答案只需要删除kendoGridCellTemplate,所以我的代码
<kendo-grid-checkbox-column field="" title="Check all" showSelectAll="true">
<ng-template let-dataItem>
<input type="checkbox" kendoCheckBox [ngModel]="dataItem.check" />
</ng-template>
</kendo-grid-checkbox-column>
这行得通
推荐阅读
- spring-boot - 我可以将 Spring Event listener 和 Event Publisher 作为单独的应用程序吗?
- php - 错误代码 500 phpMyAdmin:无法打开数据表
- scala - 在 scala 中绑定的类型之后的另一个子类型
- c# - Index.cshtml 中的有序表布局
- mysql - JDBC MySQL 身份验证
- react-native - 使用 stream-chat-react-native npm 在本机反应中使用 Stream Chat 屏幕时出现问题
- sql - 在 DataGrip 错误消息中,“位置”是什么意思?
- visual-studio - 无法将我的手机连接到 Android Studio 或 VS 代码
- jmeter - 如何对 JMeter 测试套件进行完整性测试以确保测试不会被破坏?
- flutter - Android studio说我的flutter sdk版本是2.0.2,虽然我已经升级了flutter版本