Telerik Forums
Kendo UI for Angular Forum
2 answers
775 views
I am using an angular-kendo-grid (version 6.14.5) in angular 10.0.3 with a kendoGridCellTemplate to show details.
<kendo-grid #KendoGrid
 [data]="gridSettings.gridView"
 (...)
>
 <kendo-grid-column
   field="code"
   title="code"
 >
 (...)
 <ng-template kendoGridCellTemplate let-dataItem>
    <details-component
      [id]="dataItem.Id"
      (onDelete)="onDelete($event)">
    </details-component>
 </ng-template>
 (...)
</kendo-grid>

The details component has a "Remove" button that is supposed to remove all details for that master row. When the button is pressed, the 'onDelete()' event is emitted back to the masterComponent and the masterComponent removes the row from it's datasource.
onDelete(deletedRowId: number): void {
   this.rows = this.rows.filter(r => r.id !== deletedRowId.id);
 
   this.loadGridResult();
}
 
loadGridResult(): void {
  this.gridSettings.gridView = {
    data: orderBy(this.rows, this.gridSettings.sort)
      .slice(this.gridSettings.skip, this.gridSettings.skip + this.gridSettings.pageSize),
    total: this.rows.length
  };
}

On screen the row is removed from the table and the next row is expanded (I asume this happens since the row with this index used to be expanded), but the details for the already removed row are still shown. This means that now the table shows a row with incorrect details. The shown details do not belong to this row. I don't think this should ever happen!

The attached images show what I mean. First before any button is clicked an then after clicking on Remove in the details of row 2: 
If the Remove button is clicked again the page crashes as it tries to remove something that was already removed. If any row with now corrupt details is collapsed and again expanded the correct details are loaded.
It seems like the details of row 2 are incorrectly kept in memory or something. Can I do something to solve that?
Can someone explain what is going on here and why this doesn't work as I expect? What can I do to fix this?

I asked the same question on SO here but did not get any response yet. Thanks in advance..

Fuzzy
Top achievements
Rank 1
 answered on 15 Sep 2020
1 answer
124 views
Is there any way to adjust the identation of children rows in the TreeList hierarchy? I didn't find any appropriate TreeList attribute for that.
Svet
Telerik team
 answered on 15 Sep 2020
2 answers
374 views

Hi,

I want to activate to copy numerictextbox value content, when user double click and component is disabled. How can I do?

I try to add some properties to input tag, but does not work.

input {
 user-select: text;
-webkit-user-drag: none;
}

https://www.telerik.com/kendo-angular-ui/components/inputs/numerictextbox/disabled-state/#toc-disabled-numerictextbox

nevra
Top achievements
Rank 1
 answered on 11 Sep 2020
1 answer
1.5K+ views
With TreeView I can use the selectionChange-Event to react to selection of a row. But I didn't find anything similar with TreeList. So what is the proper way to react to selection of a new row and to handle the data of this row?
Svet
Telerik team
 answered on 09 Sep 2020
1 answer
1.4K+ views

Hi, I am using kendo tool tip to show tool tip(formatted) on hover of the kendo scheduler slot. But currently the tooltip is getting displayed on hover of the title not on the slot hover.

 

Code Snippet

 

</ng-template>
          <kendo-scheduler-day-view> </kendo-scheduler-day-view>
          <kendo-scheduler-week-view> </kendo-scheduler-week-view>
          <kendo-scheduler-month-view> </kendo-scheduler-month-view>

          <ng-template kendoSchedulerEventTemplate let-event="event" class="status" >
            <div kendoTooltip
            filter=".status"
            [titleTemplate]="titleTemplate"
            [tooltipTemplate]="template"

Hetali
Telerik team
 answered on 09 Sep 2020
2 answers
128 views

Hi,

I try to add resizable table to editor with css. Is there a possible with any other solutions?

nevra
Top achievements
Rank 1
 answered on 08 Sep 2020
3 answers
195 views

Hello everyone, I hope you can help me.

 

I am trying to create pdf on my page with "Kendo UI for Angular PDF Export": https://www.telerik.com/kendo-angular-ui/components/pdfexport/

 

when I added the import "PDFExportModule" to my module:

import { PDFExportModule } from '@progress/kendo-angular-pdf-export';

NgModule({
  imports: [
    ReactiveFormsModule,
    QuotationRoutingModule,
    InputsModule,
    ButtonsModule,
    DropDownsModule,
    CommonModule,
    TranslateModule.forChild({
      loader: {
        provide: TranslateLoader,
        useFactory: translateLoaderFactory,
        deps: [HttpClient, MODULE_BASE_PATH],
      },
      isolate: true,
    }),
    MomentModule,
    GridModule,
    NotificationModule,
    PDFExportModule,
    TooltipModule,
    NgxsModule.forFeature(),
  ],
  declarations: [QuotationComponent, RequiredValidator],
  exports: [QuotationComponent],
})

I get this error on the browser (image):

  ERROR Error: Uncaught (in promise): Error: Unexpected token '<'
  Evaluating http://localhost:4200/@progress/kendo-angular-pdf-export
  Loading http://localhost:4100/quotation/bundles/quotation.umd.js?v=1599175943971

 

My page was working correctly before to import "PDFExportModule".

 

I couldn't find a way to fix this, does anyone know what might be going on?

 

best regards,

 

Configuration:

 

AngularCLI: 10.0.4

Node: 12.16.0

Angular: 10.0.5

----------

"@angular/common": "^10.0.5",

"@angular/core": "^10.0.5",

"@progress/kendo-angular-common": "^1.2.3",

"@progress/kendo-drawing": "^1.8.1",

"@progress/kendo-angular-pdf-export": "^2.0.4",

"rxjs": "~6.6.0",

 

T. Tsonev
Telerik team
 answered on 08 Sep 2020
1 answer
361 views

I want to add a search icon inside the autocomplete component.while the user is not typing anything in the box a search icon should appear.as the user starts typing search would be replaced with a default cross icon.again when the focus is out of the box the cross icon should be replaced by the search icon.how do I achieve with autocomplete component.

 

Dimiter Madjarov
Telerik team
 answered on 07 Sep 2020
4 answers
104 views

Hi,

 

I would like to know if there is a way to move an event scheduler title while we are scrolling to left and right. 

 

Thanks in advance. 

Elena
Telerik team
 answered on 07 Sep 2020
1 answer
166 views

Hi,

My component is required to include calendar in dialog control. But the calendar navigation is incorrect when the dialog box is open.

I have attached the screenshot from sample project.

Please advise.

Thanks in advance.

 

==================

Dependencies in Package.json

  "dependencies": {
    "@angular/animations": "~9.0.0",
    "@angular/common": "~9.0.0",
    "@angular/compiler": "~9.0.0",
    "@angular/core": "~9.0.0",
    "@angular/forms": "~9.0.0",
    "@angular/localize": "~9.0.0",
    "@angular/platform-browser": "~9.0.0",
    "@angular/platform-browser-dynamic": "~9.0.0",
    "@angular/router": "~9.0.0",
    "@progress/kendo-angular-buttons": "^5.0.0",
    "@progress/kendo-angular-common": "^1.0.0",
    "@progress/kendo-angular-dateinputs": "^4.3.1",
    "@progress/kendo-angular-dialog": "^4.2.1",
    "@progress/kendo-angular-intl": "^2.0.0",
    "@progress/kendo-angular-l10n": "^2.0.0",
    "@progress/kendo-angular-popup": "^3.0.0",
    "@progress/kendo-theme-default": "^4.21.0",
    "rxjs": "~6.5.4",
    "tslib": "^1.10.0",
    "zone.js": "~0.10.2"
  },  

 

Alexander Popov
Telerik team
 answered on 07 Sep 2020
Narrow your results
Selected tags
Tags
+? more
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?