<div id="Grid" ej-grid e-datasource="data"
e-columns="columns"
e-databound="dataBound"
e-allowPaging="true">
<div e-columns>
<div e-column e-field="OrderID" e-headertext="Order ID" e-textalign="left"></div>
. . .
<div e-column e-headertext="Employee Temp" e-template="true" e-textalign="left">
<input type="text" ej-dropdownlist e-datasource="$parent.list" class="drop" change="change" />
</div>
</div>
</div>
<script type="text/javascript">
var dropList = [
{ empid: "SelectedRowIndex", text: "SelectedRowIndex" }, { empid: "ViewRecord", text: "ViewRecord" }
];
var data = [
{OrderID: 10248, EmployeeID: 1},
{OrderID: 10249, EmployeeID: 2},
{OrderID: 10250, EmployeeID: 3},
{OrderID: 10251, EmployeeID: 4},
{OrderID: 10252, EmployeeID: 5}
];
angular.module('listCtrl', ['ejangular'])
.controller('PhoneListCtrl', function ($scope) {
$scope.data = data; //DataSource of Grid
$scope.list = dropList //DataSource of DropDown
});
function change(args) {
var gridObj = $("#Grid").ejGrid("instance");
//do something
}
</script>
|