I have encountered an error while using filtering with DropDownTree.  I am currently using kendo-angular-dropdowns 5.5.1 in my project, but I have reproduced this error with 6.0.2.  Here are the conditions:

• Use kendoDropDownTreeFlatBinding with kendoDropDownTreeExpandable directive.
• Setup value binding and initialize the value to a child entry in the list.
• Run and attempt to filter the dropdown.  Some searches will produce the error:

ExpressionChangedAfterItHasBeenCheckedError: Expression has changed after it was checked. Previous value: 'ng-untouched: true'. Current value: 'ng-untouched: false'.

I have reproduced the error at https://angular-e7ahkr.stackblitz.io:

• Open the console while running the example.
• Type "nan" in the dropdown search bar.
• I'm not certain this matters, but notice that both Nancy Davlio and Steven Buchanan are found in the results, and that Steve has child nodes.
• Now press "c" to make the filter "nanc" and the error will occur in the console.  This will also cause focus to be removed from the search bar.

Is there anything I can do to work around this?  Here is the code for app.component.ts in case the StackBlitz doesn't work:

I have built and deploy the kendo angular slider pages in Google app engine

It appeared to be that the tips are not appeared properly.

The one in the app engine service is, the button and the ticks are not appearing properly.

In the local development, it does look perfectly working well.

The code snippet for the small slider is (no fancy) selectedYear is number and assign the value 1.

Do you have any idea?

I tried and changed a lot of things like all css import, kendo slider module import and so on.

No luck yet.

Best Regards,

Than

Hi,

I use a DropDownTreeComponent with object binding to enable the user to set a property of a business object. The user can navigate through multiple business objects and the DownDownTree is updated according to the current business object.

Everything works fine, until the user updates a business object by selecting a value from tree. After the user interaction, the DropDownTreeComponent is no longer updated, when the user selects another business object - the [value] is updated but the component does not respond.

Is there a fix or a workaround?

Best regards,
Thomas

Hi,

I have a MultiSelect which has default values set. User should not deselect these default values. itemDisabled only disables the items in the selection list but not tag list. removeTag event can be used to prevent tag item from being removed. But the default tag items still showing as normal tags, just nothing happens when clicking it. This is confusing users. Is there any way I can set a tag item to "disabled" so user can tell it's not clickable from UI directly. Or other suggestions?

Thanks in advance,

Randy

Hello,

I am trying kendo angular and so far it's a great product.
I would like to do a sidebar like on the image bellow, that follow user scrolling :

Do you know how I can achieve this ? Do you have a any component for ?

Hello everyone, I'm currently working on a complex TreeView, with a flat data binding, and I have the necessity to pass to the backend the whole tree ordered "as is" after a drag and drop operation is performed:

I prepared a starting StackBlitz at: https://stackblitz.com/edit/angular-w8t3pg?file=app/app.component.ts

Here's what I'd like to happen:

1) user drags C above A, create an array (or modify the existing one (nodes)) like this:

[
    { id: 3, name: 'C', parent: null, isfather: true },
    { id: 5, name: 'D', parent: 3, isfather: true },
    { id: 6, name: 'E', parent: 5, isfather: false},
    { id: 4, name: 'F', parent: 5, isfather: false },
    { id: 2, name: 'A', parent: null, isfather: true },
    { id: 1, name: 'B', parent: 2, isfather: false },
    { id: 7, name: 'G', parent: null, isfather: true },
    { id: 8, name: 'H', parent: 7, isfather: false },
    { id: 9, name: 'J', parent: 7, isfather: false },
  ];

2) then, the user moves B inside E (E sees its flag isfather changed to true, whereas A to false since it doesn't have any child anymore)

[
    { id: 3, name: 'C', parent: null, isfather: true },
    { id: 5, name: 'D', parent: 3, isfather: true },
    { id: 6, name: 'E', parent: 5, isfather: true },
    { id: 1, name: 'B', parent: 5, isfather: false },
    { id: 4, name: 'F', parent: 5, isfather: false },
    { id: 2, name: 'A', parent: null, isfather: false },
    { id: 7, name: 'G', parent: null, isfather: true },
    { id: 8, name: 'H', parent: 7, isfather: false },
    { id: 9, name: 'J', parent: 7, isfather: false },
];

 <kendo-treeview
      #tree
      gdArea="checklisttree"
      [navigable]="false"

      [nodes]="nodes"
      kendoTreeViewFlatDataBinding
      textField="id"
      idField="id"
      parentIdField="idlink"

      kendoTreeViewExpandable
      [expandedKeys]="expandedKeys"
      expandBy="id"

      kendoTreeViewDragAndDrop
      kendoTreeViewDragAndDropEditing
      (nodeDrop)="getNodesInOrder($event)"
      (addItem)="log('addItem', $event)"
      (removeItem)="log('removeItem', $event)"

      kendoTreeViewSelectable
      [(selectedKeys)]="selectedKeys"
      (selectionChange)="nodeSelectionChangeHandler($event)"
    >
      <ng-template kendoTreeViewNodeTemplate let-dataItem>
        {{ '(id = ' + dataItem.id + '), (title = ' + dataItem.title + ' )' }}
      </ng-template>
      <ng-template
        kendoTreeViewDragClueTemplate
        let-action="action"
        let-sourceItem="sourceItem"
        let-destinationItem="destinationItem"
        let-text="text"
      >
        <span class="k-drag-status k-icon" [ngClass]="getDragStatus(action, sourceItem, destinationItem)"></span>
        <span>{{ text }}</span>
      </ng-template>
    </kendo-treeview>

  getNodesInOrder($ev? TreeitemDragEvent): void {
    const rootNodes: any[] = (this.tree as any).editService.flatBinding.filterData; //list of the root elements
    const nodes = []; // I'd like to use this to push the various children in order I miss how to do this with recursive function
    rootNodes.forEach(node => {
      node.dataItem.isfather = node.children.length > 0;
      nodes.push(node.dataItem);
      // recursive call here?
    })
    console.log(nodes);
  }

Hello,

I want to mark the same date in all years. For example 1 January or 23 April to be marked in all years. Can you help me please? 

Thank you!

HI

This demo shows that you can only insert one row at a time

https://www.telerik.com/kendo-angular-ui/components/grid/editing/editing-template-forms/

My case is diffrent.

I have a component that displys a grid for the currencies.

above the girid is "add" button. this is the senario :

1- the user should press add button to create new row in the grid

2- the user enter the name of the currency and all other attributes

3- then the user press add button once again to insert new row , and the repeat step 2 ,and repeat step 1 again

at the end, the user press "Save" button only one time to save all the records that he insered in the grid

IS this possible in kendo grid component

if yes, do you have any demo for this

thank you