Results 1 to 2 of 2

Thread: Problem with component Ext.ux.tree.TreeGrid

  1. #1
    Sencha User
    Join Date
    May 2008
    Posts
    39

    Exclamation Problem with component Ext.ux.tree.TreeGrid

    Hi All!

    I have this error in my Viewport presentation. From the screen shot are visible two vertical scrollbars. This strange result is visible with both IE and FF.

    Below is the code I'm using.


    Code:
    Ext.onReady(function() {
        Ext.QuickTips.init();
    
        var tree = new Ext.ux.tree.TreeGrid({
            title: 'Core Team Projects',
            enableDD: true,
            defaultSortable: false,
            enableSort: false,
            autoScroll: true,
            columns:[
            {
                header: 'Task',
                dataIndex: 'task',
                width: 230
            },{
                header: 'Duration',
                width: 100,
                dataIndex: 'duration',
                align: 'center',
                sortType: 'asFloat',
                tpl: new Ext.XTemplate('{duration:this.formatHours}', {
                    formatHours: function(v) {
                        if(v < 1) {
                            return Math.round(v * 60) + ' mins';
                        } else if (Math.floor(v) !== v) {
                            var min = v - Math.floor(v);
                            return Math.floor(v) + 'h ' + Math.round(min * 60) + 'm';
                        } else {
                            return v + ' hour' + (v === 1 ? '' : 's');
                        }
                    }
                })
            },{
                header: 'Assigned To',
                width: 150,
                dataIndex: 'user'
            },{
                header: 'Test',
                width: 150,
                dataIndex: '',
                tpl: new Ext.XTemplate(
                    'test'
                )
            }],
    
            dataUrl: '/QgenQueryBuilder/testtreegrid/treegrid-data.json.asp'
        });
        
        var mainQueryPanel = new Ext.Panel({
                id:'mainQueryPanel',
                region: 'center',
                layout:'fit',
                margins:'0 0 0 0',
                title:'Workspace',
                header:true,
                border:true,
                draggable:false,
                collapsible:false,
                collapsed:false,
                autoScroll:true,
                hidden: false,
                items:[tree]
            });
        
        var mainDataPanel = new Ext.Panel({
                id:'mainDataPanel',
                activeItem: 0,
                region: 'south',
                layout: 'card',
                title:'Risultato interrogazione',
                margins:'0 0 0 0',
                height:290,
                header:true,
                border:true,
                draggable:false,
                collapsible:true,
                collapsed:false,
                autoScroll:false,
                hidden: false,
                split:true
        });
        
        var mainCenterPanel = new Ext.Panel({
                xtype: 'panel',
                   id: 'mainCenterPanel',
                layout: 'border',
                region: 'center',
                autoScroll: false,
                margins: '2 0 5 5',
                items:[mainQueryPanel,mainDataPanel]
            });
            
        
        
        var mainViewport =new Ext.Viewport({
            layout: 'border',
            //title: 'Ext Layout Browser',
            items: [{
                id: 'content-panel',
                region: 'center', // this is what makes this panel into a region within the containing layout
                layout: 'card',
                margins: '2 5 5 0',
                activeItem: 0,
                border: false,
                disabled: false,
                items: [mainCenterPanel]
            }]
        });
    
    });
    From what can be caused?
    Any help is appreciated.

    Thank you all.
    Attached Images Attached Images

  2. #2
    Sencha User
    Join Date
    May 2008
    Posts
    39

    Question Problem with component Ext.ux.tree.TreeGrid

    any help?

Similar Threads

  1. TreeGrid (Ext.ux.maximgb.tg) - a tree grid component based on Ext's native grid.
    By MaximGB in forum Ext 3.x: User Extensions and Plugins
    Replies: 127
    Last Post: 9 Oct 2014, 7:51 PM
  2. Need Help on Performance Problem on Ext.ux.tree.TreeGrid
    By just_a_kid in forum Ext 3.x: Help & Discussion
    Replies: 3
    Last Post: 9 Nov 2010, 9:14 AM
  3. New to Ext JS - Trouble adding a treegrid component to a tab panel
    By briantai in forum Ext 3.x: Help & Discussion
    Replies: 0
    Last Post: 11 Aug 2010, 6:43 PM
  4. ux.tree.TreeGrid and Ext.tree.TreeNode - not compatible?
    By Chau in forum Ext 3.x: Help & Discussion
    Replies: 2
    Last Post: 22 Feb 2010, 12:16 AM
  5. Documentation: Ext.ux.tree.TreeGrid
    By megaskins in forum Ext 3.x: Help & Discussion
    Replies: 2
    Last Post: 1 Feb 2010, 12:28 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
  •