Category : kendo-ui

<kendo-dropdownlist [formControl]="formGroup?.get(‘userIdNew’)" textField="id" valueField="id" [valuePrimitive]="true" id="userName" [data]="users$ | async"> <ng-template kendoDropDownListValueTemplate let-dataItem> <app-tft-user-name [id]="dataItem?.id" [users]="users$ | async"></app-tft-user-name> </ng-template> <ng-template kendoDropDownListItemTemplate let-dataItem> <app-tft-user-name [id]="dataItem?.id" [users]="users$ | async"></app-tft-user-name> </ng-template> <ng-template kendoDropDownListFooterTemplate> <button class="justify-content-center" icon="plus" kendoButton look="clear" (click)="dispatchNewUser()"> {{ ‘STATUS-TABLE.ADD-USER’ | translate }} </button> </ng-template> </kendo-dropdownlist> I’m trying to trigger a dialog box when a user selects a ..

Read more

Hey all I am using KendoListBox and needing to loop through it and remove the selected [checked] items once I un-check the full category. let apiData = { “object_list”: [{ “Name”: “facebook”, “Description”: null, “Id”: “eb8cb0c8c32d1201bff30cf54S4f30889abb23f92b1f7”, “DocumentType”: null, “ProviderId”: 2, “Cat”: “Social Networks” }, { “Name”: “twitter”, “Description”: null, “Id”: “732fe66cce4365bc5074384f09b34e787f3f3efe8b55”, “DocumentType”: null, “ProviderId”: 2, ..

Read more

HTML <kendo-upload #kendoUploadRef *ngIf="isUploadFile" [saveUrl]="’/api/assets/upload’" (success)="onUploadSuccess($event)" [multiple]="false"> </kendo-upload> CSS .k-upload-button { // I want hide the default file select button display: none } TS @ViewChild(‘kendoUploadRef’) kendoUploadEle: UploadComponent; constructor(){ } onTapSelectFileButton(){ // This is not working this.kendoUploadEle.fileSelectButton.nativeElement.click(); } How i can open the file select dialog without the default file select button ? Source: Ask Javascript ..

Read more

I am using Kendo PDF to provide the ability to download a page as a pdf, however the only success I cannot get the page breaks to work. My javascript code is .drawDOM($(‘#tempContainer’), { paperSize: ‘A4’, allPages: true, multiPage: true, margin: { left: ‘0cm’, top: ‘0.5cm’, right: ‘0cm’, bottom: ‘0.5cm’ }, forcePageBreak: ‘.html2pdf__page-break’, landscape: false, ..

Read more

I try to use kendo grid to show my data which is 3 level hierarchy. Each of the row have its own detail grid and each detail row have its own sub detail grid, something like this: RecordA RecordA1 RecordA1.1 RecordA2 RecordA2.1 RecordB RecordB1 RecordB1.1 <!DOCTYPE html> <html> <head> <base href=”https://demos.telerik.com/kendo-ui/grid/detailtemplate?autoRun=true&theme=office365″> <style>html { font-size: 14px; ..

Read more

I am trying to add a Delete button to each row in my kendo grid. I added the destroy command to the grid configuration and have the Delete button showing, but when I click it, I receive a console error — Uncaught TypeError: Cannot read property ‘results’ of undefined. This is referring to a line ..

Read more