Populate Grid Records Based upon Toggle button

[froger]

Hi,

I have one table

Emplpyee

..................

Id   Name    Active

1     a                 1

2     b                0

 

my requirement is that

i have one toggle button (by default select Yes(1)) 

based upon that values load grid records

once i change that value to No then display records based upon that

can you please provide me sample code for this one

[Yanislav]

Hello, 

You can reach this behavior by passing a parameter to your action, after that filter the data on the server.

You can pass parameter this way : 

 

.Read(r=>r.Action("People", "Home").Data("functionName")))

 

Where 'functionName' is the name of the function which will return your parameter. In your case this function is simple you just return true or false depends on that, is the switch is on or of:

 

    function functionName() {
        return {
            paramName: value
        }
    }

 

You have to setup the switch to force the Grid to make a request. Here is the whole snippet:

 

var isChecked = true;
    $(document).ready(function () {
        $('#switch').kendoSwitch({
            change: function (e) {
                isChecked = e.checked; //true/false depends on that is the switch is turned on
                $("#grid").data("kendoGrid").dataSource.read(); // make request
            }
        });
    })
    
    function isActive() {
        return {
            isActive: isChecked
        }
    }

 

You action declaration should be something like this:

 public ActionResult People([DataSourceRequest] DataSourceRequest request, bool isActive)
        {

            var people = Enumerable.Range(1, 50).Select(x => new PersonViewModel
            {
                FirstName = "MyName" + " " + x,
                IsActive = x % 2 == 0
            }).Where(x=>x.IsActive == isActive);
            return this.Json(people.ToDataSourceResult(request), JsonRequestBehavior.AllowGet);
        }

You can use the parameter to filter the data in the action, or you can make different queries conditionally, based on the value you get in the action.

Regards,
Yanislav
Progress Telerik

[froger]

Please provide me sample code example for that above requirement so that it can be helpful to me 

 

since i am new to kendo mvc

 

[Yanislav]

Hello, Mahesh

I attached a sample project, so you can see in detail how to reach the desired behavior.

Regards,
Yanislav
Progress Telerik

[froger]

https://www.telerik.com/forums/display-customer-values-in-kendo-grid-popup-for-each-row-based-upon-eid

can you please look at in this forum and help me

it's so need for me