IgniteUI / ignite-ui

Ignite UI for jQuery by Infragistics

Home Page:https://bit.ly/2kuu1fT

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

The formatter doesn't return the record data in the mobile view if enableVerticalRendering property is true.

cleverdog opened this issue · comments

Description

  • ignite-ui version: 20.1
  • browser: Chrome

Steps to reproduce

  1. Define the column including formatter.
  2. Set enableVerticalRendering property to true.
  3. Get the record data from formatter.

Result

The formatter doesn't return the record data in the mobile view. (return undefined)

Image from Gyazo
Image from Gyazo

Expected result

Return the record data properly in the mobile view.

    columns: [
      {
        headerText: 'Company Name',
        key: 'CompanyName',
        dataType: 'string',
        formatter: (val, record) => {
          console.log('val', val)
          console.log('record', record)
        },
      },
      ...
    ],
    ...
    features: [
      {
        name: 'Responsive',
        enableVerticalRendering: true,
        reactOnContainerWidthChanges: true,
        windowWidthToRenderVertically: 750,
        propertiesColumnWidth: '40%',
        valuesColumnWidth: '60%',
        allowedColumnWidthPerType: {
          string: 300,
          number: 100,
          bool: 100,
          date: 100,
          object: 150,
        },
      },
      ...
    ],
  })```

This bug is related to the closed-source part of Ignite UI and I am moving it to our internal system.