Delete Option in Header

[Marc]

I'm trying to add a delete option in the header of the dropdownlist.

 

$scope.layoutOptions = {

 headerTemplate: '<div data-ng-if="selectedLayout.id < 0" class="dropdown-header k-widget k-header"><a href="" data-ng-click="deleteLayout(instance)">Delete    {{selectedLayout.description}}?</a></div>'

}

This are my options (inside an AngularJs controller). Is there any way to pass the selected value (dataItem) to my function deleteLayout?

[Georgi Krustev]

Hello Marc,

As the widget's header is static, it doesn't have any knowledge which item is focused/selected and the moment of button click. The best solution in this case will be to get the selected item from the widget using its API:

$scope.deleteLayout = function() {
  //$scope.ddl is a reference to the Kendo UI DropDownList

  var selectedDataItem = $scope.ddl.dataItem(); //use it to delete the same instance from the datasource
}

Regards,
Georgi Krustev
Telerik by Progress

[Marc]

Hi Georgi,

This is exactly what I was looking for! Thanks!

Marc