Hello I have implemented a datagrid like the tutorial :

  allPayments_ui DataGrid{layoutData = new GridLayoutData{row = 2, column = 1, verticalAlignment = GridLayoutLib.VALIGN_TOP},selectionListeners ::= cellClicked, headerBehaviors =[],  columns =[
                    new DataGridColumn{name = "category", displayName = "Type", formatters =[formatCategory
                            ]},
                    new DataGridColumn{name = "description", displayName = "Description", width = 120},
                    
                    new DataGridColumn{name = "amount", displayName = "Amount due", width = 85, alignment = DataGridLib.ALIGN_RIGHT}
                    
            ], data = allPayments as any[],

 

 Is it possible to create an event so that if I click on the first column of datagrid  I can add code to resize the width of the column?

Thanks

Hi,

i think you can do this with the editor behaviors

    function EditorBehaviors(grid DataGrid in, cell Widget in, rowData any in, rowIndex int in, column DataGridColumn in, value any in) returns(Widget)
        if(column.name == "first column name")
            TEST_label TextLabel{text = value, onClick ::= do_what_you_want_onClick};
            cell.children =[TEST_label];
        end

end

Thanks for your response,

I have another question,.

This implementation can be applied only to each header of datagrid in order to call function only if we click on each header?

Thanks

Sorry, but i don't unterstand what you want to do...

Do you want to call the onClick event in all columns?

yes exactly this and if its possible to click only the header of its column (not the cells)  and do something.

I don't know if its possible with the header... maybe with the headerBehaviors

You could give attached piece of code a try. I guess that's what you mean isn't it?

To not tamper with the datagrid's default click-header-to-sort function I implemented the header-rightclick to resize the column.

Regards,

Guus

This solution was very helpful but I also want each column to return to its default size when I click on the header again or something like that in order to take the initial grid.

I also tried the above solution for the headerBehavior but then i couldn't sort  the columns anymore.

if(column.name == "first column name")
            TEST_label TextLabel{text = value, onClick ::= do_what_you_want_onClick};
            cell.children =[TEST_label];
        end

Here is my example where i use onMouseOut but as i wrote before the sorting doesn't work

Thanks

I added this line and now the column returns to default size onMouseOut event

        cell.onMouseOut ::=format;   in headerBehavior function

"format is the function to return cell to its default size." 

but i would like to resize every column  by left clicking the header not right clicking and left click the header  to return to default size of column. Is that possible?

Thanks!!

Is this (attached file) what you are looking for?

Yes, thank you!!