Как добавить указатель мыши к столбцам в компоненте, когда мы динамически добавляем столбцы в Angular? - PullRequest
1 голос
/ 04 апреля 2020

Я добавил столбцы динамически, но не смог добавить на них указатель мыши. любезно предлагаю

getDataSource(data: any) {

    return {
      fields: [
        {
          caption: "Type",
          dataField: "type",
          width: 150,
          area: "row",
          sortOrder: "desc"
        },
        {
          Caption: Date,
          area: "column",
          dataField: "date",
          format: "EEE MMM dd yyyy",
          dataType: "date",
          groupInterval: "Date",
          // sortOrder:"desc"
        },
        {
          caption: "ValueNew",
          width: 120,
          dataField: "valueNew",
          dataType: "string",
          area: "data",
          summaryType: "min",
          showValue: false
        }
      ],
      store: data

    };
  }



  getColumnValue(startDate: Date, endDate: Date) {

  }



  callNumber(cell) {

  }


  customizeColumns(columns) {
    if (this.forecastDataSource.length > 0) {


      let request = this.forecastSearchComponenet.getSearchRequest();

      let startDate = request.startDate;
      let endDate = request.endDate;

      if (request.startDate instanceof Date) {
        startDate = request.startDate.toDateString();

      }
      if (request.endDate instanceof Date) {
        endDate = request.endDate.toDateString();
      }

      startDate = new Date(startDate);
      endDate = new Date(endDate);

      let dates = DateRangeHelper.getDates(startDate, endDate);
      for (var m in dates) {

        columns.push({

          caption: new Date(dates[m].toDateString()).toDateString(),
          dataField: 'refereData[' + m + '].value'
        });
      }
      columns.push({
        caption: 'Total',
        dataField: 'total'

      });
    }
  }

1 Ответ

0 голосов
/ 04 апреля 2020

если в общем случае вы используете

<td *ngFor="let item of fields" (mouseover)="mouseOver(item)">
   {{item.caption}}
</td>

Таким образом, вы только добавляете столбец, добавляющий элементы в массив "field", вам не нужно беспокоиться о add (mouseover)

...