How to retrive column order and size

I have a grid can do column resizing and reordering by drag and drop. I want to put a button on my page so that I can post the size and order for each column back to server when user clicks the button. I have following questions.

1) How do I retrive the size each column?
I am trying to use following code to retrive the size for each column and I am not sure if this is correct.

var i, widths = [], count = myGrid.getColumnProperty("count"); 
    for (i=0; i<count;i++){ 
        widths[i] = myGrid.getTemplate("top/item", i).element().offsetWidth; 
    }

2) How to get and set the column orders?
I tried to use

myGrid.setColumnProperty("values",[0,2,1,4,3])

to set the order of the columns and it doesn't work. Is there a way to reorder to grid without phyiscally change the data? Can I use myGrid.getColumnProperty("values") to retrive to the order?

3) How can I intercept the resize event so I can add my code to save the size of each column.