New Editor Tree Grid Extension based on Ext.ux.tree.TreeGrid

[darkwolfe]

hi darkwolfe
i see that if a vertical scroller apear, the horizontal one apears too (even if there is no node in the treegrid). i think it's because when the vertical scroller apears, we don't subtract it's height to the height of the treegrid's innerBody. i resolved the issu by overriting the onResize methode.

 bd.style.height = this.body.getHeight(true) - hd.offsetHeight-Ext.getScrollBarWidth()+ 'px'; 

i don't know if this is the better way to do that. so say me what do you think about it!
thanks

Sorry it's been so long, Getting married and going on vaction took me away from a computer for a while.

That's awesome. I'll add that line and upload version 1.0.9 as soon as I can.

Thanks for figuring that out, i really haven't had as much time as i would like lately to fix it.

[inishi01]

hello widget is good!


but I see I can not use the tree with the options checked: true, or checked: false .... can someone give me a hand with this .. I have reviewed the forum and can not find a solution to this (for Ext v3.[34] .0)

any help is appreciated!

[darkwolfe]

hello widget is good!


but I see I can not use the tree with the options checked: true, or checked: false .... can someone give me a hand with this .. I have reviewed the forum and can not find a solution to this (for Ext v3.[34] .0)

any help is appreciated!

inishi01,

Thanks for your feedback. The editor tree grid extension is based on the tree grid that comes with ext, so what ever functionality is present will also be in the editor tree grid. You can try searching the forums for tree grid and the checkbox tree to see if it's in there somewhere, however, i don't think it supports it. I haven't had a lot of time lately to update the editor tree grid, but the next time i get some free time i'll look into adding this functionality.

[gorun-ul]

Format problem with DateField

Thank you for this nice introduction to the EditorGrid. The problem I noticed and that is not part of the examples is how to handle a Date format?

For instance, if you use a column of the type of: editor: new Ext.form.DateField:

columns:[{
        header: 'Composants',
        dataIndex: 'text',
        width: 125
        },{
        xtype: 'datecolumn',
        header: 'Date Installation',
                format: 'd/m/Y',
        width: 95,
        dataIndex: 'dateInstallation',
        editor: new Ext.form.DateField({ 
                selectOnFocus: true, 
            format:"d/m/Y", 
            originalValue: true,
            anchor: '100%'
        })
    }]

The problem appears after editing the column, showing a result of

Wed Aug 08 2012 00:00:00 GMT+0200 (Paris, Madrid (heure d'été))

instead of 'dd/mm/yyyy'. The problem lies probably on an other level than the EditorGrid, since the editor field is in the right format.
Have you some suggestions or experience concerning this format problem?

[darkwolfe]

Format problem with DateField

Thank you for this nice introduction to the EditorGrid. The problem I noticed and that is not part of the examples is how to handle a Date format?

For instance, if you use a column of the type of: editor: new Ext.form.DateField:

columns:[{
        header: 'Composants',
        dataIndex: 'text',
        width: 125
        },{
        xtype: 'datecolumn',
        header: 'Date Installation',
                format: 'd/m/Y',
        width: 95,
        dataIndex: 'dateInstallation',
        editor: new Ext.form.DateField({ 
                selectOnFocus: true, 
            format:"d/m/Y", 
            originalValue: true,
            anchor: '100%'
        })
    }]

The problem appears after editing the column, showing a result of

Wed Aug 08 2012 00:00:00 GMT+0200 (Paris, Madrid (heure d'été))

instead of 'dd/mm/yyyy'. The problem lies probably on an other level than the EditorGrid, since the editor field is in the right format.
Have you some suggestions or experience concerning this format problem?

Hi gorun-ul,

Sorry it's taken so long for me to get back to you about this. Try using a date renderer in your column config:

renderer : Ext.util.Format.dateRenderer('d/m/Y'),

That should do the trick. The reason why you are getting that long annoying date string is because that is what the Ext.form.DateField component naturally outputs. It's the standard JavaScript output from a date object. The renderer should allow you to specify what you want the output to look like.

Let me know if that helped!

[Sreekesh S K]

Hi darkwolfe ,

Is there any way to implement context menu over this plugin..

[Sreekesh S K]

Is it possible to implement alternate row coloring system on this plugin

[garg.shivani02]

Hi,

I need to know whether this component requires the complete data to be shown at one go or it retrieves the children for a node only when it is expanded?

Because having the complete data at the starting is not feasible as it can be very huge.
It should be retrieved only when the node is expanded.

So can anyone please tell me what exactly happens in this component?

Thanks!

[darkwolfe]

Hi,

I need to know whether this component requires the complete data to be shown at one go or it retrieves the children for a node only when it is expanded?

Because having the complete data at the starting is not feasible as it can be very huge.
It should be retrieved only when the node is expanded.

So can anyone please tell me what exactly happens in this component?

Thanks!

Hi Garg,

When i wrote this extension, i didn't write it with that functionality in mind, however, it's an extension of the TreeGrid and the TreeGrid is an extension of the Tree, and the Tree does have that functionality. So, this extension should also be able to do the same thing. I haven't tested it, but i don't see why it wouldn't work.

[darkwolfe]

Hi darkwolfe ,

Is there any way to implement context menu over this plugin..

this is most likely way too late. for some reason i didn't get notified when the post was made 2 years ago. but yes, you can implement a context menu.

    ...
    var contextMenu = new Ext.menu.Menu({
        items: [{
            iconCls: 'expand',
            text: 'Expand Node'
        }]
    });
    ...
    var treeGrid = new Ext.ux.tree.EditorGrid({
        ...
?        contextmenu: function(node,e) {
            node.select();
?            var c = contextMenu;
?            c.contextNode = node;
?            c.showAt(e.getXY());
?        },
        ...
    });
    ... 

i hope that helps, which it probably won't considering this replay is 2 years too late.