Results 1 to 3 of 3

Thread: How to use column renderer / renderercell

  1. #1
    Sencha Premium Member
    Join Date
    Jul 2008
    Posts
    15

    Default How to use column renderer / renderercell

    Hi all,

    I am trying to use a simple renderer on a grid column (ExtReact 6.6.2). I am using the example Grid from the example code after a fresh install of react.

    Im my package.json it is included:
    "@sencha/ext-react-renderercell": "~6.6.2",

    And in Home.js I am trying to use a simple renderer.

    PHP Code:
    <Column                    
    text
    ="Email"                    
    dataIndex="email"                    
    flex={3}                    
    renderer={() => {                        return 'hello world';                    }}                    
    resizable                              
    /> 

    But I a getting the error in the console:

    PHP Code:
    ext.js:2118 GET http://localhost:1962/widget/renderercell.js?_dc=1539001510671 404 (Not Found) 

    Even if I try to import it, it is not working:
    import { Grid, Toolbar, Column, SearchField, RendererCell } from '@sencha/ext-modern';

    Also this is not working:
    import { RendererCell } from '@sencha/ext-react-renderercell';

    How to I import RendererCell? And do I have to import RendererCell even for a simple renderer?

    Thanks
    Chris

  2. #2
    Sencha Premium Member
    Join Date
    Jul 2008
    Posts
    15

    Default

    ok, found it by myself, you need to add renderercell to packages in webpack.config.js:

    new ExtWebpackPlugin({
    packages: ['ext-react-renderercell'],
    framework: 'react',
    port: port,
    profile: buildprofile,
    environment: buildenvironment,
    verbose: 'no'
    }),

  3. #3
    Sencha Premium Member
    Join Date
    Jul 2008
    Posts
    15

    Default

    Update: in Ext-React 6.6.3 you will need:

    new ExtWebpackPlugin({
    packages: [
    // transition',
    'renderercell',
    // 'font-ext',
    // 'ux',
    // 'd3',
    // 'pivot-d3',
    // 'font-awesome',
    // 'exporter',
    // 'pivot',
    // 'calendar',
    // 'charts'
    ],
    }),

Similar Threads

  1. Replies: 0
    Last Post: 16 Mar 2018, 6:24 AM
  2. [FIXED] [OPEN] [6.5.1] RendererCell use wrong record
    By emaze in forum Bugs
    Replies: 5
    Last Post: 16 Aug 2017, 7:55 AM
  3. Replies: 3
    Last Post: 22 Apr 2015, 3:49 AM
  4. Ext.grid.ColumnModel: Default renderer overwrites column renderer.
    By Bojoer in forum Ext 3.x: Help & Discussion
    Replies: 0
    Last Post: 25 Mar 2011, 4:49 AM

Posting Permissions

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