<code>
var tabObj = $("#defaultTab").data("ejTab");
tabObj.addItem("#new", "New Tab", 2, "myClass", "newItem");
</code> |
$("#newItem").ejGrid({
dataSource: dm,
allowPaging:true,
columns: ["OrderID", "EmployeeID", "CustomerID", "ShipCountry", "Freight"]
}); |
<body ng-controller="PhoneListCtrl">
<div id="grid" ej-grid e-datasource="data" e-columns="col" e-allowpaging="true" e-toolbarsettings-showtoolbar='true' e-toolbarclick="toolbarHandler" e-toolbarsettings-toolbaritems='toolbar' e-editsettings-allowdeleting=' true' e-editsettings-allowediting='true' e-editsettings-allowadding='true'></div>
<script type="text/javascript">
angular.module('listCtrl', ['ejangular'])
.controller('PhoneListCtrl', function ($scope) {
var obj = [{ "OrderID": 1, "CustomerName": "Davolio" },
{ "OrderID": 2, "CustomerName": "Nancy" },
];
$scope.data = obj;
$scope.export = function () {
//alert displayed
alert("Event triggered");
}
$scope.toolbar = ["add", "edit", "delete", "update", "cancel"]
$scope.col = [
{ "field": "OrderID", "headerText": "OrderID", "textAlign":"right", "isPrimaryKey": true, "width": 90 },
{ "field": "CustomerName", "headerText": "CustomerName","width": 90 },
{ "filed": "TestColumn", "headerText": "Test Column","template": "true", "templateID": "#actionTemplate", "textAlign": "right", "width": 90 }
]
});
</script>
<script type="text/ng-template" id="actionTemplate">// ng-click inside a ng-temaplate
<a rel='nofollow' href="#" id="Template" ng-click="$parent.export()">Click</a>
</script> |