Ng2智能表使用复选框获取所选行

时间:2017-08-26 09:54:26

标签: angular

我正在使用带有ng2-smarttable的角度2。

我在表格中添加了复选框。这是我的代码。

settings = {
    mode:"external",
    selectMode: 'multi',
    columns: {
       Check:{
        title: '',
        type: 'html',
        valuePrepareFunction: (value) => { return this._sanitizer.bypassSecurityTrustHtml(this.input); },
        filter: false
       },
       orderby:{
        title: "Name",
        filter: true
       }
 }

它的工作原理。但我需要获取事件的复选框并获取选定的行。

请建议我,

感谢。

1 个答案:

答案 0 :(得分:0)

如下所示向您的HTML代码添加“ userRowSelect”事件。

x = randn(2000,1);
y = 1 + randn(5000,1);
h1 = histogram(x);
hold on
h2 = histogram(y);
h1.Normalization = 'probability';
h1.BinWidth = 0.25;
h1.BinLimits=[min([x(:); y(:)]) max([x(:); y(:)])];

h2.Normalization = 'probability';
h2.BinWidth = 0.25;
h2.BinLimits=[min([x(:); y(:)]) max([x(:); y(:)])];


data1=h1.Values;
data2=h2.Values;
intersection_value=find(data2>data1,1); % this is the index, bad variable name

按如下所示添加您的方法,它将返回所有选定的行。

 <ng2-smart-table class="table table-bordered" [settings]="settings" [source]="data" (create)="onAdd($event)"
             (delete)="onDelete($event)" (userRowSelect)="onUserRowSelect($event)">
 </ng2-smart-table>