Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/31.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/sharepoint/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
当用户选中kedo ui grid.Angular2中的复选框时,如何获取扇区行数据_Angular_Typescript_Kendo Ui - Fatal编程技术网

当用户选中kedo ui grid.Angular2中的复选框时,如何获取扇区行数据

当用户选中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">

我有一个剑道ui网格。网格的每一行都有复选框。当用户选中复选框时,我尝试获取所选行的数据。当用户选中网格的复选框时,我如何获取所选行的数据。 请先帮我谢谢

 <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);
}