Get changed / Updated value of drop down in the grid

[Alex]

I want to get the updated / changed value of the drop down, when user change it while editing in console.log.

 

<script>
    $(document).ready(function () {

        $("#grid").kendoGrid({
            dataSource: {
                data: itemData(50),
                pageSize: 12,
                change: function(e) {
                    var item = e.items[0];
                    console.log(item.get("gridActionPlan.gridActionPlanID"));

                }
            },
            height: 475,
            groupable: true,
            navigatable: true,
            sortable: true,
            filterable: true,
            resizable: true,
            columnMenu: true,
            pageable: true,
            toolbar: ["save", "cancel"],
            columns: [
                { field: "gridActionPlanID", values: actionPlanValues, title: "Action Plan", width: 200 },
                { field: "gridNewRetailSP", title: "New Retail SP", width: 120 },
                { field: "gridPercentEffectedStock", title: "% of Effected Stock", width: 150 },
                { field: "gridSales", title: "Sales", width: 150 },
                { field: "gridNetImpact", title: "Net Impact", width: 150 }],
            editable: true
        });
    });




    function itemData(count) {
        var data = [];

        for (var i = 0; i < count; i++) {
            data.push({
                gridActionPlanID : 0,
                gridActionPlan : {
                    gridActionPlanID : 0,
                    gridActionPlanName : "[Select Action Plan]"
                },
                gridNewRetailSP : 0,
                gridPercentEffectedStock : 0,
                gridSales : 0,
                gridNetImpact : 0
            });
        }

        return data;
    }



    var actionPlanValues = [{
        "value": 0,
        "text": "[Select Action Plan]"
    },{
        "value": 1,
        "text": "SP Adjustment / Display"
    },{
        "value": 2,
        "text": "Clearances"
    },{
        "value": 3,
        "text": "Return to Supplier"
    },{
        "value": 4,
        "text": "Inter-Store Transfer"
    },{
        "value": 5,
        "text": "Seasonal Import or Local"
    },{
        "value": 6,
        "text": "Bar Code Problem"
    },{
        "value": 7,
        "text": "Waste"
    },{
        "value": 8,
        "text": "Stock Problem"
    },{
        "value": 9,
        "text": "Display Piece"
    },{
        "value": 10,
        "text": "Color / Size / Range"
    }];
</script>

[Nikolay Rusev]

Hello Komail,

You can handle Grid edit event, check whether there is a DropDownList widget and bind to its change event. Here is an example for this: http://jsbin.com/kuxaq/1/edit

Regards,
Nikolay Rusev
Telerik