Select Event in Sortable

[Sergej]

Hi,

it is possible to find out the item that currently selected or set active by user without drag(event or index).
In my case, i would like to update a neighboring component when the user click an item in the sortable.
Thanks in advance for your answer

[Svet]

Hi Sergej,

Indeed, the public API of the Sortable component currently doesn't expose an event that is fired when clicking a Sortable item. I am not sure if that will help in your specific use-case scenario, but probably the generic (click) event be used for this case. Please check the following example where I handle the (click) event of each sortable item:

https://stackblitz.com/edit/angular-udzcqf?file=app/app.component.ts

              <kendo-sortable
              [kendoSortableBinding]="palette.data"
              [itemStyle] = "{'border': '0px', 'opacity':'1', 'cursor': 'move'}"
              [emptyItemStyle] = "{'height': '30px', 'border': '2px dashed black'}"
              [activeItemStyle] = "{'border': '2px dashed black', 'opacity':'0.7'}"
              zone="innerZone">
                  <ng-template let-item="item">
                      <div (click)="onClick(item, palette)" [ngStyle]="{'background-color': item,'color': 'white',
                      'height': '30px', 'margin' : '2px', 'border': '1px solid black'}" >
                          {{item}}
                      </div>
                  </ng-template>
              </kendo-sortable>

I hope this helps.

Regards,
Svetlin
Progress Telerik