<!DOCTYPE html>
<html ng-app="app">
<head>
<link data-require="kendo@*" data-semver="2013.3.716" rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.716/styles/kendo.common.min.css" />
<link data-require="kendo@*" data-semver="2013.3.716" rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.716/styles/kendo.rtl.min.css" />
<link data-require="kendo@*" data-semver="2013.3.716" rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.716/styles/kendo.default.min.css" />
<link data-require="kendo@*" data-semver="2013.3.716" rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.716/styles/kendo.dataviz.min.css" />
<link data-require="kendo@*" data-semver="2013.3.716" rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.716/styles/kendo.dataviz.default.min.css" />
<link data-require="kendo@*" data-semver="2013.3.716" rel="stylesheet" href="http://cdn.kendostatic.com/2013.2.716/styles/kendo.mobile.all.min.css" />
<link data-require="kendo-bootstrap-css@*" data-semver="2013.2.716" rel="stylesheet" href="//cdn.kendostatic.com/2013.2.716/styles/kendo.common.min.css" />
<link data-require="kendo-bootstrap-css@*" data-semver="2013.2.716" rel="stylesheet" href="//cdn.kendostatic.com/2013.2.716/styles/kendo.bootstrap.min.css" />
<script data-require="jquery@*" data-semver="1.10.1" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script data-require="kendo@*" data-semver="2013.3.716" src="http://cdn.kendostatic.com/2013.2.716/js/kendo.all.min.js"></script>
<script data-require="angular.js@*" data-semver="1.3.0-beta.5" src="https://code.angularjs.org/1.3.0-beta.5/angular.js"></script>
<script data-require="angular-kendo@*" data-semver="0.5.1" src="http://kendo-labs.github.io/angular-kendo/angular-kendo.js"></script>
<link rel="stylesheet" href="style.css" />
<script src="script.js"></script>
</head>
<body ng-controller="myCtrl">
<h1>AngularJS + kendo</h1>
<div id="mygrid" kendo-grid="" k-data-source="gridData" k-scrollable="true" k-columns="theColumns" k-data-bound="dataBound()"></div>
</body>
</html>
'use strict';
var app = angular.module('app', ['kendo.directives']);
app.controller("myCtrl", function ($scope) {
var localData = [
{Id: 1, StatusText: "Status 1", CommissionTypeText: "Commission 1"},
{Id: 2, StatusText: "Status 2", CommissionTypeText: "Commission 2"},
{Id: 3, StatusText: "Status 3", CommissionTypeText: "Commission 3"},
{Id: 4, StatusText: "Status 4", CommissionTypeText: "Commission 4"},
{Id: 5, StatusText: "Status 5", CommissionTypeText: "Commission 5"}
];
$scope.gridData = new kendo.data.DataSource( {
data: localData,
schema: {
model: {
fields: {
Id: { type: "number" },
StatusText: { type: "string" },
CommissionTypeText: { type: "string" }
}
}
}
});
$scope.theColumns = [
{
field: "Id",
title: "Id",
filterable: false
},
{
field: "StatusText",
title: "StatusText"
},
{
field: "CommissionTypeText",
title: "CommissionTypeText"
},
{
template:'<div class="upload"></div>',
width:350
}
];
$scope.dataBound = function(){
console.log("hi1");
var grid = $("#mygrid");
console.log("hi2");
$(".upload").each(function(){
var upload = $(this);
var tr = upload.closest('tr');
var model = grid.dataItem(tr);
upload.kendoUpload();
});
};
window.scope = $scope;
});
/* Styles go here */
[{"ProductID":1,"ProductName":"Chai","Supplier":{"SupplierID":1,"SupplierName":"Exotic Liquids"},"Category":{"CategoryID":1,"CategoryName":"Beverages"},"UnitPrice":18.0,"UnitsInStock":39,"Discontinued":false},{"ProductID":2,"ProductName":"Chang","Supplier":{"SupplierID":1,"SupplierName":"Exotic Liquids"},"Category":{"CategoryID":1,"CategoryName":"Beverages"},"UnitPrice":19.0,"UnitsInStock":17,"Discontinued":false},{"ProductID":3,"ProductName":"Aniseed Syrup","Supplier":{"SupplierID":1,"SupplierName":"Exotic Liquids"},"Category":{"CategoryID":2,"CategoryName":"Condiments"},"UnitPrice":10.0,"UnitsInStock":13,"Discontinued":false},{"ProductID":4,"ProductName":"Chef Anton\u0027s Cajun Seasoning","Supplier":{"SupplierID":2,"SupplierName":"New Orleans Cajun Delights"},"Category":{"CategoryID":2,"CategoryName":"Condiments"},"UnitPrice":22.0,"UnitsInStock":53,"Discontinued":false},{"ProductID":5,"ProductName":"Chef Anton\u0027s Gumbo Mix","Supplier":{"SupplierID":2,"SupplierName":"New Orleans Cajun Delights"},"Category":{"CategoryID":2,"CategoryName":"Condiments"},"UnitPrice":21.35,"UnitsInStock":0,"Discontinued":true},{"ProductID":6,"ProductName":"Grandma\u0027s Boysenberry Spread","Supplier":{"SupplierID":3,"SupplierName":"Grandma Kelly\u0027s Homestead"},"Category":{"CategoryID":2,"CategoryName":"Condiments"},"UnitPrice":25.0,"UnitsInStock":120,"Discontinued":false},{"ProductID":7,"ProductName":"Uncle Bob\u0027s Organic Dried Pears","Supplier":{"SupplierID":3,"SupplierName":"Grandma Kelly\u0027s Homestead"},"Category":{"CategoryID":7,"CategoryName":"Produce"},"UnitPrice":30.0,"UnitsInStock":15,"Discontinued":false},{"ProductID":8,"ProductName":"Northwoods Cranberry Sauce","Supplier":{"SupplierID":3,"SupplierName":"Grandma Kelly\u0027s Homestead"},"Category":{"CategoryID":2,"CategoryName":"Condiments"},"UnitPrice":40.0,"UnitsInStock":6,"Discontinued":false},{"ProductID":9,"ProductName":"Mishi Kobe Niku","Supplier":{"SupplierID":4,"SupplierName":"Tokyo Traders"},"Category":{"CategoryID":6,"CategoryName":"Meat/Poultry"},"UnitPrice":97.0,"UnitsInStock":29,"Discontinued":true},{"ProductID":10,"ProductName":"Ikura","Supplier":{"SupplierID":4,"SupplierName":"Tokyo Traders"},"Category":{"CategoryID":8,"CategoryName":"Seafood"},"UnitPrice":31.0,"UnitsInStock":31,"Discontinued":false},{"ProductID":11,"ProductName":"Queso Cabrales","Supplier":{"SupplierID":5,"SupplierName":"Cooperativa de Quesos \u0027Las Cabras\u0027"},"Category":{"CategoryID":4,"CategoryName":"Dairy Products"},"UnitPrice":21.0,"UnitsInStock":22,"Discontinued":false},{"ProductID":12,"ProductName":"Queso Manchego La Pastora","Supplier":{"SupplierID":5,"SupplierName":"Cooperativa de Quesos \u0027Las Cabras\u0027"},"Category":{"CategoryID":4,"CategoryName":"Dairy Products"},"UnitPrice":38.0,"UnitsInStock":86,"Discontinued":false},{"ProductID":13,"ProductName":"Konbu","Supplier":{"SupplierID":6,"SupplierName":"Mayumi\u0027s"},"Category":{"CategoryID":8,"CategoryName":"Seafood"},"UnitPrice":6.0,"UnitsInStock":24,"Discontinued":false},{"ProductID":14,"ProductName":"Tofu","Supplier":{"SupplierID":6,"SupplierName":"Mayumi\u0027s"},"Category":{"CategoryID":7,"CategoryName":"Produce"},"UnitPrice":23.25,"UnitsInStock":35,"Discontinued":false},{"ProductID":15,"ProductName":"Genen Shouyu","Supplier":{"SupplierID":6,"SupplierName":"Mayumi\u0027s"},"Category":{"CategoryID":2,"CategoryName":"Condiments"},"UnitPrice":15.5,"UnitsInStock":39,"Discontinued":false},{"ProductID":16,"ProductName":"Pavlova","Supplier":{"SupplierID":7,"SupplierName":"Pavlova, Ltd."},"Category":{"CategoryID":3,"CategoryName":"Confections"},"UnitPrice":17.45,"UnitsInStock":29,"Discontinued":false},{"ProductID":17,"ProductName":"Alice Mutton","Supplier":{"SupplierID":7,"SupplierName":"Pavlova, Ltd."},"Category":{"CategoryID":6,"CategoryName":"Meat/Poultry"},"UnitPrice":39.0,"UnitsInStock":0,"Discontinued":true},{"ProductID":18,"ProductName":"Carnarvon Tigers","Supplier":{"SupplierID":7,"SupplierName":"Pavlova, Ltd."},"Category":{"CategoryID":8,"CategoryName":"Seafood"},"UnitPrice":62.5,"UnitsInStock":42,"Discontinued":false},{"ProductID":19,"ProductName":"Teatime Chocolate Biscuits","Supplier":{"SupplierID":8,"SupplierName":"Specialty Biscuits, Ltd."},"Category":{"CategoryID":3,"CategoryName":"Confections"},"UnitPrice":9.2,"UnitsInStock":25,"Discontinued":false},{"ProductID":20,"ProductName":"Sir Rodney\u0027s Marmalade","Supplier":{"SupplierID":8,"SupplierName":"Specialty Biscuits, Ltd."},"Category":{"CategoryID":3,"CategoryName":"Confections"},"UnitPrice":81.0,"UnitsInStock":40,"Discontinued":false}]