Results 1 to 4 of 4

Thread: Can't get TreeGrid example to display data from Ext-React 6.5 KitchenSink

  1. #1
    Sencha User
    Join Date
    Nov 2015
    Posts
    11

    Default Can't get TreeGrid example to display data from Ext-React 6.5 KitchenSink

    Trying here since Sencha support is less than useless.... (been waiting 5 days for any response from an engineer)

    FYI: Copied the example files, updated the default package.json, logged in to the Sencha repo, we have a premium license and the App compiles OK. Example is here: http://examples.sencha.com/ExtReact/...rees/tree_grid

    After compiling the TreeGrid I can not see ANY data displayed on the web page.
    The App complies OK - no errors. I am using the npm dev server and my chrome browser shows no errors in the Javascript console. I tried IE and Firefox browsers too.

    The web screen shows the App name and column labels - just no data!!

    I have rebuilt this App several ways and simplified the data to just 2 elements - no luck.

    I am able to build an App using a TreeList and the data shows up fine.

    I added "@extjs/ext-react-treegrid": "^6.5.3", to the package.json file and re-logged in to the npm repository:

    npm login --registry=http://npm.sencha.com [email protected]

    Any ideas on whats wrong?


  2. #2
    Sencha - Forum Administrator
    Join Date
    Sep 2017
    Posts
    1,006
    Answers
    5

    Default

    I apologize sincerely for the wait time! I just sent this to the support team with a note regarding the situation. We will make sure you get some help as quickly as possible. Again, I apologize for the wait!

    Michele

  3. #3
    Ext Support Team
    Join Date
    Jan 2018
    Posts
    569
    Answers
    7

    Default

    Hi there,

    I am looking into this currently, will post an update on this at the earliest.

    Regards,

    Kumar,
    Sencha Support.

  4. #4
    Ext Support Team
    Join Date
    Jan 2018
    Posts
    569
    Answers
    7

    Default

    Hello,

    I have tried with an App seems to be working fine from my side.
    Please see the code below.

    import React, { Component } from 'react';
    import { NumberColumn } from '@extjs/ext-react';
    import { Tree, TreeColumn } from '@extjs/ext-react-treegrid';
    import root from './data';


    export default class TreeGridExample extends Component {


    store = Ext.create('Ext.data.TreeStore', {
    rootVisible: true,
    root
    })


    render() {
    return (
    <Tree title="Tree Grid" store={this.store} shadow>
    <TreeColumn text="Name" dataIndex="text" width="200"/>
    <NumberColumn text="# Items" dataIndex="numItems" width="100" align="center" format="0,0"/>
    </Tree>
    )
    }


    }

    And code from Data.js


    export default {
    expanded: true,
    text: 'All',
    iconCls: 'x-fa fa-sitemap',
    children: [{
    text: 'Home',
    iconCls: 'x-fa fa-home',
    children: [{
    text: 'Messages',
    numItems: 231,
    iconCls: 'x-fa fa-inbox',
    leaf: true
    }, {
    text: 'Archive',
    iconCls: 'x-fa fa-database',
    children: [{
    text: 'First',
    numItems: 7,
    iconCls: 'x-fa fa-sliders',
    leaf: true
    }, {
    text: 'No Icon',
    numItems: 0,
    iconCls: null,
    leaf: true
    }]
    }, {
    text: 'Music',
    numItems: 3000,
    iconCls: 'x-fa fa-music',
    leaf: true
    }, {
    text: 'Video',
    numItems: 1000,
    iconCls: 'x-fa fa-film',
    leaf: true
    }]
    }, {
    text: 'Users',
    iconCls: 'x-fa fa-user',
    children: [{
    text: 'Tagged',
    numItems: 53,
    iconCls: 'x-fa fa-tag',
    leaf: true
    }, {
    text: 'Inactive',
    numItems: 9,
    iconCls: 'x-fa fa-trash',
    leaf: true
    }]
    }, {
    text: 'Groups',
    numItems: 3,
    iconCls: 'x-fa fa-group',
    leaf: true
    }, {
    text: 'Settings',
    iconCls: 'x-fa fa-wrench',
    children: [{
    text: 'Sharing',
    numItems: 4,
    iconCls: 'x-fa fa-share-alt',
    leaf: true
    }, {
    text: 'Notifications',
    numItems: 16,
    iconCls: 'x-fa fa-flag',
    leaf: true
    }, {
    text: 'Network',
    numItems: 4,
    iconCls: 'x-fa fa-signal',
    leaf: true
    }]
    }]
    }


    Please see the screenshot of the working App.

    Attachment 57736

    Hope this helps.

    Regards,

    Kumar.
    Sencha Support
    Attached Images Attached Images

Similar Threads

  1. Replies: 0
    Last Post: 11 May 2018, 12:58 PM
  2. Replies: 1
    Last Post: 4 May 2015, 1:15 PM
  3. KitchenSink : Pb to display a json treeStore menu
    By shensi in forum Sencha Touch 2.x: Q&A
    Replies: 2
    Last Post: 7 Jul 2012, 12:48 AM
  4. Replies: 2
    Last Post: 25 Mar 2011, 6:01 AM
  5. Display XML source in TreeGrid
    By comahony1 in forum Ext GWT: Discussion
    Replies: 5
    Last Post: 22 Nov 2010, 8:34 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
  •