Telerik Forums
Kendo UI for Angular Forum
1 answer
442 views

Hi

We are using kendo-multiselect in our application. When an item is selected from the dropdown list, it is not appearing in the input field ( please see the attached image)

Inspecting the elements in the console indicates kendo-taglist is not being populated. What can cause this?

The valueChange even is emitted. and we are able to capture the chaned value. But the problem is, we cannot see what is being selected as the input field of the dropdown is empty.

 onValueChange(selectedData: any, programmatic: boolean = true ) {

....

}

trace:

  1. (3) [{…}, {…}, {…}]
    1. 0: {name: 'Benny F Summry - M', id: 12345}
    2. 1: {name: 'Maryanne Summry - Wife', id: 223344, disabled: false}
    3. 2: {name: 'Talia J Summry - Daughter', id: 33445566, disabled: false}
    4. length: 3
    5. [[Prototype]]: Array(0)

    Any insight on this is greatly appreciated.

    Thanks,

    Jyothi

Martin Bechev
Telerik team
 answered on 27 Jan 2022
1 answer
274 views

Hi,

I took an example from kendo website (from stackblitz) and tried it. 

Overview - MultiSelect - Kendo UI for Angular (telerik.com)

For some reason

1. The dropdown input box  is very small. Not able to adjust the size.

2. Upon selection, the selected item is appearing above the dropdonText Box.

Here is the html, pretty much from the website

<form [formGroup]="myForm">
   <div class="example-config">
     The form.gender value is: <strong>{{ myForm.controls.gender.value | json }}</strong>
   </div>
   <p>Select Gender:</p>
   <kendo-multiselect
       formControlName="gender"
       [data]="genders"
       [textField]="'text'"
       [valueField]="'value'"
       [valuePrimitive]="true"  
       #gender        
   >
   </kendo-multiselect>
 </form>
Ivo
Telerik team
 answered on 26 Jan 2022
0 answers
479 views

I updated all Kendo packages to their latest versions and are now getting this error in the console.

Uncaught TypeError: Cannot set property ɵfac of class FlatDataBindingDirective extends FilteringBase {
    constructor(component) {
        super(component);
 ...<omitted>...
} which has only a getter

I have tried clearing the node_modules folder etc., but this issue still persist.

Any suggestions on how to fix this?

The relevant code

/**
 * A directive which encapsulates the retrieval of the child nodes when flat data is provided.
 */
let DropDownTreeFlatBindingDirective = class DropDownTreeFlatBindingDirective extends FlatDataBindingDirective {
    constructor(dropDownTree) {
        super(dropDownTree);
    }
};
// Error on this line
DropDownTreeFlatBindingDirective.ɵfac = function DropDownTreeFlatBindingDirective_Factory(t) { return new (t || DropDownTreeFlatBindingDirective)(ɵngcc0.ɵɵdirectiveInject(ɵngcc6.DataBoundComponent)); };
DropDownTreeFlatBindingDirective.ɵdir = /*@__PURE__*/ ɵngcc0.ɵɵdefineDirective({ type: DropDownTreeFlatBindingDirective, selectors: [["", "kendoDropDownTreeFlatBinding", ""]], inputs: { nodes: ["kendoDropDownTreeFlatBinding", "nodes"], idField: ["valueField", "idField"] }, features: [ɵngcc0.ɵɵInheritDefinitionFeature] });
__decorate([
    Input('kendoDropDownTreeFlatBinding'),
    __metadata("design:type", Array)
], DropDownTreeFlatBindingDirective.prototype, "nodes", void 0);
__decorate([
    Input('valueField'),
    __metadata("design:type", String)
], DropDownTreeFlatBindingDirective.prototype, "idField", void 0);
DropDownTreeFlatBindingDirective = __decorate([ __metadata("design:paramtypes", [DataBoundComponent])
], DropDownTreeFlatBindingDirective);

Johan
Top achievements
Rank 1
 updated question on 26 Jan 2022
0 answers
76 views

Hi

I have an chart with one line of point only and i search how with "plotareaClick" find nearest point ?

 

Regards

 

Masip
Top achievements
Rank 1
Iron
 asked on 26 Jan 2022
1 answer
133 views

I am trying to get the checkbox in the column header to cause a change in the state of child checkboxes in the Kendo UI angular grid.

When the header checkbox is checked/unchecked all checkboxes in the column should get checked & unchecked and I also need to catch the event in typescript.

Note: I am not looking to select the entire rows, just trying to check/uncheck the checkboxes in the column.

Below is what I have managed to put together.

https://stackblitz.com/edit/angular-ba65rx

Valentin
Telerik team
 answered on 26 Jan 2022
1 answer
257 views
I did see that Telerik marked the Angular components as ready for Angular 13. After upgrading to Angular 13, I receive the following warning when compiling: "Encourage the library authors to publish an Ivy distribution" with @progress modules listed. I just wanted to make sure that upgrading angular in the future will be ok since the viewengine is getting deprecated in future releases. How is Telerik going to handle this since you can't force customers to upgrade their angular version? 
Stefani
Telerik team
 answered on 25 Jan 2022
1 answer
1.3K+ views

From what I can tell the textArea Resize and Auto-Resize not functioning as expect after latest R1 2022

Preslava
Telerik team
 answered on 25 Jan 2022
0 answers
154 views

Hi

I need to have an seriesDown event, how could i make it ?

seriesClick is only activate when button is released ?

 

Regards

Masip
Top achievements
Rank 1
Iron
 asked on 24 Jan 2022
0 answers
112 views

Hi

 

I have an graph with 1 line only ? How could i change values when i click on it and redraw graph with new value obtain on new mouse click position ??

Regards

Masip
Top achievements
Rank 1
Iron
 asked on 24 Jan 2022
0 answers
286 views

We started getting this error in our Angular app.  How can we fix this?  Have tried several different versions of kendo-angular-dateinputs - 4.4.1, 5.x, 6.0

core.js:6210 ERROR Error: Uncaught (in promise): TypeError: Cannot read properties of undefined (reading 'unsubscribe')
TypeError: Cannot read properties of undefined (reading 'unsubscribe')
    at CalendarComponent.ngOnDestroy (index.js:3841)
    at executeOnDestroys (core.js:7415)
    at cleanUpView (core.js:7318)
    at destroyViewTree (core.js:7151)
    at destroyLView (core.js:7296)
    at RootViewRef.destroy (core.js:22642)
    at ComponentRef$1.destroy (core.js:25182)
    at RouterOutlet.deactivate (router.js:5307)
    at ActivateRoutes.deactivateRouteAndOutlet (router.js:2072)
    at ActivateRoutes.deactivateRouteAndItsChildren (router.js:2050)
    at resolvePromise (zone-evergreen.js:798)
    at resolvePromise (zone-evergreen.js:750)
    at zone-evergreen.js:860
    at ZoneDelegate.invokeTask (zone-evergreen.js:399)
    at Object.onInvokeTask (core.js:28578)
    at ZoneDelegate.invokeTask (zone-evergreen.js:398)
    at Zone.runTask (zone-evergreen.js:167)
    at drainMicroTaskQueue (zone-evergreen.js:569)
Mike
Top achievements
Rank 1
 asked on 24 Jan 2022
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?