using jQuery to access Grid field values

[Jayakumar]

What is returned in variable grid in following code line?

var grid = $("#GridCompetency0").data("kendoGrid");

How do I use to access the fields of my Model?

I am using it in the following onChange function.

function onChange(e)
    {
        var grid = $("#GridCompetency0").data("kendoGrid");
        var categoryColumnStatus;
        alert("onChange");
        var request = $.ajax({
            url: '/Base/GetDisplayStatus',
            type: 'POST',
            dataType: 'JSON',
            data: { categoryColumnStatus: false },
            cache: false,
            success: function (data)
            {
                if (data.categoryColumnStatus)
                {
                    grid.showColumn("FunctionalCategoryName");
                }
                else
                {
                    grid.hideColumn("FunctionalCategoryName");
                }
            }
        });

[Nikolay]

Hello Jayakumar,

The $("#gridID").data("kendoGrid"); returns the Grid instance. More information you can find in the following article:

• https://docs.telerik.com/kendo-ui/intro/widget-basics/events-and-methods#referencing-existing-widget-instances

In the context of the snippet you have shared it is used to show or hide columns conditionally via the showColumn and hideColumn methods.

In the data source change event, you can access the model with the following properties:

Let me know if you have any questions.

Regards,
Nikolay
Progress Telerik