setting grid options with grid.setOptions on load

[Roel]

Hi,

At the moment I am searching for a way to set the options of the grid on load. We use the MVC grid. I know that it is not possible to set the grid options by events or datasource related functions. All examples I see are with a button. I like to set the options on document ready but the grid is undefined then.

Any idea?

Roel

[Yanislav]

Hi, Roel

You can set the options of the Grid on document.ready, provided the Grid is initialized on the page and is not loaded later than document.ready.

Here is a simple example of how to do it:

    $(document).ready(function () {
        var grid = $("#YourGridName").getKendoGrid(); // get a reference 
        var options = {
            resizable:true
        } //configure the options
        grid.setOptions(options)
    })

As you see in this example we get a reference to our Grid by its Name. We configure the desired options and pass them to the 'setOptions' function.

Regards,
Yanislav
Progress Telerik

[Roel]

Hi Yanislav,

In my case the order of the columns has to be set like this. Is this possible with getConfig / setConfig? My other question is that I use a MVC grid in this case. Is the grid already an object when document is ready is fired?

Roel

[Yanislav]

Hi Roel,

Please review the following sample. It demonstrates the Grid columns reordering functionality:

https://dojo.telerik.com/AbiZEkav

The same approach is applicable to the MVC Grid, since it has the same API as the Kendo UI Grid.

About the question, yes, when document.ready fires the Grid is initialized and you can get a reference to its client-side object. The 'dataBound' event is fired after the Grid is bound to data. So if accessing data is needed, you can use the 'dataBound' event. 

Regards,
Yanislav
Progress Telerik