Results 1 to 5 of 5

Thread: Column renderer does not work anymore with ExtReact 6.6.0

    Thank you for reporting this bug. We will make it our priority to review this report.
  1. #1

    Default Column renderer does not work anymore with ExtReact 6.6.0

    Hello,

    I tried ExtReact 6.6.0 and have a problem with Column "renderer" prop.

    From the boilerplate application from "ext-react-gen app demo", I modified a Column from the "Home" page:

    Code:
    <Column
        text={text}
        dataIndex={text}
        flex={2}
        resizable
        renderer={ value => "Test " + value }
    />
    It works as intended, but only if the renderer function returns text. If the renderer function returns a JSX part, it fails :

    Code:
    <Column
        text={text}
        dataIndex={text}
        flex={2}
        resizable
        renderer={ value => (<span>{value}</span>) }
    />

  2. #2

    Default

    I had to install a new package: @sencha/ext-react-renderercell

    Edit: but it does not fix the issue completely. I can't use any component inside the rendered cell.

  3. #3

    Default

    Quote Originally Posted by fcortina View Post
    I had to install a new package: @sencha/ext-react-renderercell


    Yes. Without this package, the "renderer" prop does not work (even the first example).

    Quote Originally Posted by fcortina View Post
    Edit: but it does not fix the issue completely. I can't use any component inside the rendered cell.
    It is the main issue. Only "* -> text" transformations work. "* -> JSX" does not work, and it is a major problem. If you can only render text transformation, custom renderer loses 90% of its interest.

  4. #4

    Default

    Looks like ExtReact breaks when wrapping ExtReact components in normal React components and vice versa.

    I've created an other thread to give more details:
    https://www.sencha.com/forum/showthr...act-components

    (au passage: ton nom en français, c'est mon nom en italien )

  5. #5

    Default

    Quote Originally Posted by fcortina View Post
    (au passage: ton nom en français, c'est mon nom en italien )
    I didn't notice. Maybe we have common distant parents

    Quote Originally Posted by fcortina View Post
    I've created an other thread to give more details:
    https://www.sencha.com/forum/showthr...act-components
    Thanks for this analyze and your work. I didn't took time to provide a complete GitHub example.

    But IMO, this problem occurs even when you don't mix ExtReact/React components. To reproduce it, I created the 6.6.0 demo app ("ext-react-gen app demo"), and just had to modify the Home page Column component (to introduce the renderer).
    This one line modification doesn't introduce a custom component and is sufficient to trigger the bug.

    Here is the GitHub project where this bug can be reproduced: https://github.com/bcourtine/extreact-660-bugs

Similar Threads

  1. Sorting doesnt work when renderer used for grid column.
    By jlimaye in forum Sencha Ext JS Q&A
    Replies: 1
    Last Post: 9 Jul 2012, 3:54 AM
  2. Checkbox column renderer doesn't seem to work
    By pludikhu in forum Ext 3.x: Help & Discussion
    Replies: 2
    Last Post: 19 Aug 2010, 11:50 AM
  3. [Double] Checkbox column renderer doesn't seem to work
    By pludikhu in forum Ext 3.x: Help & Discussion
    Replies: 0
    Last Post: 19 Aug 2010, 9:56 AM
  4. FORM: 'layout: column' & labelAlign: left then anchor doesn't work anymore
    By bwijnmaalen in forum Ext 2.x: Help & Discussion
    Replies: 0
    Last Post: 24 Oct 2007, 4:31 AM
  5. Using a renderer on a column doesn't seem to work with sort?
    By donalconlon in forum Ext 1.x: Help & Discussion
    Replies: 7
    Last Post: 11 Dec 2006, 1:32 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •