API for resizing columns on client side using javascript

[Mirang]

Does the Grid has any client side API for column resizing using javascript?

[Shinu]

Hi Mirang,

You can use the client event OnColumnResizing in javascript for catching resizing of columns.
aspx:

<telerik:RadGrid runat="server">
  <ClientSettings>
   <ClientEvents OnColumnResizing="OnColumnResizing" />
    <Resizing AllowColumnResize="True" AllowRowResize="false" ResizeGridOnColumnResize="false"
      ClipCellContentOnResize="true" EnableRealTimeResize="false" AllowResizeToFit="true" />
  </ClientSettings>
  ...
</telerik:RadGrid>

JS:

function OnColumnResizing(sender,args) {
alert("fired");

}

Thanks,
Shinu.

[Mirang]

I wanted to resize the columns from the javascript code. I just got across this link

http://www.telerik.com/community/forums/aspnet-ajax/grid/get-set-column-width-from-client-side.aspx 

Is it useful ?

[Antonio Stoilkov]

Hi Mirang,

You could achieve your scenario by using the RadGrid client-side API which provides way to resize table view columns. Every GridTableView client-side object includes resizeColumn function which usage is described in the help article below.

• resizeColumn

Additionally, the example below shows how to use the resizeColumn method specifying the column index as first parameter and its width for seconds parameter.

$find("RadGrid1").get_masterTableView().resizeColumn(1, 120)

Greetings,
Antonio Stoilkov
the Telerik team

[Teju]

How to set AllowColumnResize=true at  client side using javascript in master pages using the CSS selector , so that it would apply to all the grid specified.

[Teju]

After a long debugger mode searching , finally my friend found the property -

grid.get_masterTableView()._owner.ClientSettings.Resizing.AllowColumnResize=true;

 

[Eyup]

Hello Teju,

You can even shorten it as follows:
grid.ClientSettings.Resizing.AllowColumnResize=true;

Hope this helps.

Regards,
Eyup
Telerik