Is there an example of how to make a button within a cell, for each row, and when clicked will open a modal popup window that could be used to provide more information for that grid row.
Example:
I have a product grid and want to have a column with a button for each product and when the button is clicked it will open a modal popup window that could show additional product details. The button click event would have to pass the ProductId as a parameter based on the row where the button is located.
Hi
I may well be missing the obvious but how do you resize the calendar?
In the documentation for the editor you have an execute function called viewSource. However the ts definitions don't list it as an option.
https://www.telerik.com/kendo-angular-ui/components/editor/api/EditorComponent/#toc-opendialog
editor.exec('viewSource');
Come to find out, obviously it makes since that its actually the openDialog method instructions and docs should read:
editor.openDialog('viewSource');
Hello,
When I run the tree view checkboxes example from your own site (https://www.telerik.com/kendo-angular-ui/components/treeview/checkboxes/),
it works properly in Chrome.
But in Edge there's this issue:once you only check a single children of a node, hence making its parent's state Indeterminate, clicking again on the parent doesn't update the children. While in Chrome all the children are selected, in Edge nothing happens.
From my testing, it seems like "checkedChange" event is not fired in Edge when clicking on an Indeterminate node.
What can be done? I use this component in our site, and we must support Edge users as well.
I see the example for the Reusable Custom Filter with a DropDownList do you happen to have a similar example with a multiselect list.
I am attempted to create a multi select reusable filter to be used in a grid menu filter.
https://www.telerik.com/kendo-angular-ui/components/grid/filtering/reusable-filter/
I have a kendo-grid with 3 columns editable out of the list of 25 columns displayed.
The grid has a cellClick event which sends in the column and columnIndex:
(cellClick)="editClick($event)"
public editClick({ sender, column, rowIndex, columnIndex, dataItem }): void {
this.editHandler({
dataItem: dataItem,
rowIndex: rowIndex,
sender: sender,
isNew: false
});
}
public editHandler({ sender, rowIndex, dataItem }: EditEvent): void {
if (this.formGroup && !this.formGroup.valid) {
return;
}
this.formGroup = formGroup(dataItem);
this.editedRowIndex = rowIndex;
console.log('editrowindex =' + rowIndex);
console.log('edited CDM_Service_Code =' + dataItem.CDM_Service_Code);
sender.editRow(rowIndex, this.formGroup);
When I call sender.editRow
The following code is is not displaying the item template correctly with check boxes. If I don't use the item template it displays the data correctly.
<
kendo-multiselect
style
=
"width: 250px;"
[data]="userOrganizations" [textField]="'name'"
[valueField]="'partner_oid'"
placeholder
=
"State/Municipality"
[(ngModel)]="selectedOrganization" [autoClose]="false"
[popupSettings]="{ width: 250, height: 350}">
<
ng-template
kendoMultiSelectItemTemplate let-dataItem>
<
input
type
=
"checkbox"
class
=
"k-checkbox"
[checked]="isItemSelected(dataItem.name)">
<
label
class
=
"k-checkbox-label"
>Name{{ dataItem.name }}</
label
>
</
ng-template
>
</
kendo-multiselect
>