DevExpress网格,仅在Angular 2中选中复选框上的行?

时间:2017-07-04 11:10:06

标签: angular devexpress

我在使用devexpress选择行时遇到问题。我有一行应该只在复选框上标记(现在检查行点击)。我不得不添加onRowClick,因为我必须打开细节,交互很奇怪。我打开弹出窗口的详细信息,但该行将被检查。

正常的devex行为是检查点击行,是否有办法禁用它并仅在复选框上启用它?我知道它有效,无法找到:/

代码:

    <dx-data-grid
      id="gridContainer" (onRowClick)="showDetails($event)">
    </dx-data-grid>

1 个答案:

答案 0 :(得分:0)

我从您的问题中了解到,您不想在点击记录后检查/选择复选框。您只需要在检查记录的特定复选框后检查/选择记录。

如果我没错, dx-data-grid [showCheckBoxesMode] 属性,您可以传递始终值选择记录only after user check the check-box, not click on the record.

例如,

在component.html中

 <dx-data-grid
   id="gridContainer" (onRowClick)="showDetails($event)">

  <dxo-selection
     [showCheckBoxesMode]="checkBoxesMode"
     mode="multiple">
  </dxo-selection>

 </dx-data-grid>

在component.ts

 export class AppComponent {
 //Your rest declarations goes here

 checkBoxesMode: string;
 constructor(service: Service) {
     //Your rest code goes here
     this.checkBoxesMode = 'always'
  }
 }

要了解有关选择模式的更多信息,请follow this.

希望有所帮助:)