or
function
destroyScope(scope, el) {
scope.$destroy(); // scope is null here
if
(el) {
// prevent leaks. https://github.com/kendo-labs/angular-kendo/issues/237
$(el)
.removeData(
"$scope"
)
.removeData(
"$isolateScope"
)
.removeData(
"$isolateScopeNoTemplate"
)
.removeClass(
"ng-scope"
);
}
}
{
...
remove:
function
(e) {
e.preventDefault();
// more my code here
}
}
@{
Layout = "~/Areas/admin/Views/Shared/_Layout.cshtml";
}
<
div
ng-controller
=
"adminController"
>
<
div
class
=
"row"
>Customers
<
select
id
=
"customerDDL"
kendo-drop-down-list
k-data-source
=
"customers"
k-data-text-field
=
"'companyName'"
k-data-value-field
=
"'companyCode'"
k-option-label
=
"'Select a customer...'"
k-on-change
=
"customerChanged(kendoEvent)"
k-on-data-bound
=
"onDDLDataBound(kendoEvent)"
k-auto-bind
=
false
style
=
"width: 400px"
>
</
select
>
</
div
>
<
div
ng-view
=
""
class
=
"tab-content"
></
div
>
</
div
>
'use strict'
;
adminApp.controller(
'adminController'
,
function
($scope, GetCustomers) {
$scope.customers = GetCustomers.customers.query();
$scope.customerChanged =
function
(e) {
var
_usersgrid = $(
"#usersGrid"
).kendoGrid({
dataSource: {
transport: {
read: {
url:
'/admin/Home/GetUsers/'
+ e.sender.value(),
dataType:
'json'
,
type:
"GET"
}
},
pagesize: 10,
serverPaging:
true
},
pageable:
true
,
columns: [
{ field:
"UserKey"
, hidden:
true
},
{ field:
"UserId"
, hidden:
true
},
{ field:
"UserPassword"
, hidden:
true
},
{ field:
"UserTitle"
, hidden:
true
},
{ field:
"UserFName"
, title:
"First Name"
},
{ field:
"UserLName"
, title:
"Last Name"
},
{ field:
"UserEmailID"
, hidden:
true
},
{ field:
"UserTimeout"
, hidden:
true
},
{ field:
"UserEditableFlag"
, hidden:
true
},
{ field:
"UserStartDate"
, hidden:
true
},
{ field:
"UserEndDate"
, hidden:
true
},
{ field:
"UserLastLogin"
, hidden:
true
},
{ field:
"UserFailedAttempts"
, hidden:
true
},
{ field:
"Carrier"
, hidden:
true
}
]
});
var
_authusersgrid = $(
"#authUsersGrid"
).kendoGrid({
dataSource: {
transport: {
read: {
url:
'/admin/Home/GetAuthorizedUsers/'
+ e.sender.value(),
dataType:
'json'
,
type:
"GET"
}
}
},
columns: [
{ field:
"Id"
, hidden:
true
},
{ field:
"UserName"
, title:
"First Name"
},
{ field:
"UserLName"
, title:
"Last Name"
},
{ field:
"IsBiUser"
, title:
"Is BI User"
}
]
});
}
$scope.onDDLDataBound =
function
(e) {
var
dropDown = $(e.sender.element).data(
"kendoDropDownList"
);
dropDown.select(0);
}
}
);
<
div
class
=
"tab-pane active"
id
=
"/home/users"
>
<
div
class
=
"row"
>
<
div
class
=
"col-md-6"
>
<
div
id
=
"usersGrid"
></
div
>
</
div
>
<
div
class
=
"col-md-6"
>
<
div
id
=
"authUsersGrid"
></
div
>
</
div
>
</
div
>
</
div
>