bixi/src/app/routes/idea/pages/table-checkbox-backend/table-checkbox-backend.component.ts

企业级中后台前端解决方案

import { Component } from '@angular/core';
import { EColType, ICols } from '@bixi/core/table';

@Component({
  selector: 'table-checkbox-backend',
  templateUrl: './table-checkbox-backend.component.html'
})
export class TableCheckboxBackendComponent {

  selectedKeys = ['1', '2', '3'];

  rows = [...Array(5)].fill('').map((e, i) => ({
    // _checked: true,
    name: `name${e}_${i + 1}`,
    age: i + 1,
    area: `上海${i}`,
    range: i * 100 + 1,
    id: `${i + 1}`
  }));

  cols: ICols = [
    {
      type: EColType.checkbox,
      key: 'id',
      keyAlias: '_id'
    },
    {
      name: '姓名',
      key: 'name',
      titleTipContent: '测试title'
    },
    {
      name: '年龄',
      key: 'age'
    },
    {
      name: '地区',
      key: 'area'
    },
    {
      name: 'ID',
      key: 'id'
    }
  ];

  onClick() {
    if (this.selectedKeys.length) {
      this.selectedKeys = [];
    } else {
      this.selectedKeys = ['2'];
    }
  }

}