​

        $(document).ready(function () {

            var gridData = [

                  { ItemId: "1001", Qty: 2, price: 200 }

                , { ItemId: "1002", Qty: 1, price: 100 }

                , { ItemId: "1003", Qty: 1, price: 150 }

                         ];

​

            $("#grid").kendoGrid({

                dataSource: gridData

                , selectable: "row",

              dataBound:function(){

              grid = this;

                grid.tbody.find('tr').each(function(){            

                 var item = grid.dataItem(this);

                 kendo.bind(this,item);

             })

              }

                , columns: [

                      { field: "ItemId" }

                    , { field: "Qty" }

                    , { field: "price" }

                  , { title: "Quantity", width: "200", template: '<input data-role="numerictextbox" data-bind="value:Qty" data-max-value="100"/>' }                  , {

                         title: "Total"

                        , template: "#=Qty*price#"

                    }

                ]

            });

​

​

​

        });