Посоветуйте, пожалуйста, как добавить контекстное меню в эту таблицу. Я видел много таких примеров: https://demos.telerik.com/kendo-ui/menu/context-menu Но я работаю с машинописью и angularjs и не смог заставить ее работать. Мне нужно контекстное меню и добавить фильтры, которые я буду использовать для фильтрации моей таблицы. Каждый столбец будет иметь свой собственный значок фильтра в заголовке. При нажатии на него появляется контекстное меню с вводом внутри или любым другим элементом html. Вы можете видеть, что я добавил кнопки в headerTemplate, потому что я хотел использовать их для открытия контекстного меню по щелчку. Пожалуйста, помогите мне заставить его работать или, может быть, если у вас есть хороший рабочий пример, это было бы здорово. Спасибо!
dataSource: {
data: $scope.gridData,
},
columns: [{
field: "TimeStamp",
title: culture.stringConst.Time,
width: "9em",
template: "#= kendo.toString(new Date(TimeStamp),'M/d/yyyy HH:mm:ss.fff' ) #"
}, {
field: "Source",
title: culture.stringConst.Source,
width: "20em",
headerTemplate: "Source <button class='panel-button' style='padding: 0'><img src='Images/filter-icon.jpg' style='height:16px'/></button>"
}, {
field: "Message",
title: culture.stringConst.Message,
width: "15em",
headerTemplate: "Message <button class='panel-button' style='padding: 0'><img src='Images/filter-icon.jpg' style='height:16px'/></button>"
}, {
field: "State",
title: culture.stringConst.State,
width: "5em",
template: "# if(IsEvent == true) { #" + self.culture.stringConst.Event + " <img src='Images/warning.png' style='height:16px'/># }" +
" else if(State == 1) { #" + self.culture.stringConst.Active + " <img src='Images/error.png' style='height:16px'/># } else { #" + self.culture.stringConst.Cleared + "# } #",
headerTemplate: "State <button class='panel-button' style='padding: 0'><img src='Images/filter-icon.jpg' style='height:16px'/></button>"
}, {
field: "Severity",
title: culture.stringConst.Severity,
width: "5em",
headerTemplate: "Severity <button class='panel-button' style='padding: 0'><img src='Images/filter-icon.jpg' style='height:16px'/></button>"
}, {
field: "Category",
title: culture.stringConst.Category,
width: "5em",
headerTemplate: "<ul kendo-context-menu style='width: 200px'><li>Test</li><li>Test</li></ul>"
}],
scrollable: true,
selectable: true,
resizable: true
};