当用户选中kedo ui grid.Angular2中的复选框时,如何获取扇区行数据
我有一个剑道ui网格。网格的每一行都有复选框。当用户选中复选框时,我尝试获取所选行的数据。当用户选中网格的复选框时,我如何获取所选行的数据。 请先帮我谢谢当用户选中kedo ui grid.Angular2中的复选框时,如何获取扇区行数据,angular,typescript,kendo-ui,Angular,Typescript,Kendo Ui,我有一个剑道ui网格。网格的每一行都有复选框。当用户选中复选框时,我尝试获取所选行的数据。当用户选中网格的复选框时,我如何获取所选行的数据。 请先帮我谢谢 <kendo-grid [data]="activeTabData" [selectable]="selectableSettings" [height]="410"> <kendo-grid-column field="" title="" width="1" [locked]="false">
<kendo-grid [data]="activeTabData" [selectable]="selectableSettings" [height]="410">
<kendo-grid-column field="" title="" width="1" [locked]="false">
</kendo-grid-column>
<kendo-grid-column field="" title="" width="70" [locked]="true">
<ng-template kendoGridCellTemplate let-dataItem let-idx="rowIndex">
<input type="checkbox" [kendoGridSelectionCheckbox]="idx" [(ngModel)]="checkboxOnly" (change)="setSelectableSettings()"/>
</ng-template>
</kendo-grid-column>
<ng-template ngFor [ngForOf]="tableKeys" let-column>
<kendo-grid-column
width="180"
field="{{column}}"
>
</kendo-grid-column>
</ng-template>
<ng-template kendoGridToolbarTemplate>
<button type="button" kendoGridExcelCommand><span class="k-icon k-i-file-excel"></span>Export to Excel</button>
</ng-template>
<kendo-grid-excel fileName="Products.xlsx"></kendo-grid-excel>
</kendo-grid>
关于外部操作(按钮单击),请参见plunk
请在第一列标题中添加“全选”复选框。提前谢谢。谢谢你为我工作。你能告诉我如何在剑道格网标题中添加自定义下拉列表吗?我有自定义下拉列表多复选框,我想在剑道格网标题中添加自定义下拉列表。请帮助我,我已经更新了plunker,并且,在标题中添加了一个带有暴露事件的下拉列表。让我知道它对您有效。我想添加自己的自定义下拉列表,而不是剑道网格选择。如何在剑道网格标题中添加自定义下拉列表。我有一个带有多复选框和过滤器的下拉列表。提前谢谢。请帮助我。它应该是Angular2或angular4。只需更改kendo dropdownlist与您的自定义控件一起列出,并为控件提供所需的输入,如[data]=“listItems”,无论您定义/声明了什么。
setSelectableSettings() {
console.log("THis is King",this.checkboxOnly)
this.selectableSettings = {
checkboxOnly: this.checkboxOnly,
mode: this.mode
}
console.log("HEHEH",this.activeTabData,this.selectableSettings);
}
<kendo-grid-column field="Discontinued" title="Discontinued" width="120">
<ng-template kendoGridCellTemplate let-dataItem>
<input type="checkbox" [checked]="dataItem.Discontinued"
(click)=SetSelectedItem(dataItem) />
</ng-template>
</kendo-grid-column>
SetSelectedItem(dataItem){
console.log(dataItem);
dataItem.Discontinued=!dataItem.Discontinued; //change the value
if(dataItem.Discontinued){
this.selectedItemIDs.push(dataItem.ProductID)
}
else{
let index: number = this.selectedItemIDs.indexOf(dataItem.ProductID);
if (index !== -1) {
this.selectedItemIDs.splice(index, 1);
}
}
console.log('selectedItemIds:',this.selectedItemIDs);
}