• Getting Started
  • Components
    • Barcodes
    • Buttons
    • Chartsupdated
    • Conversational UIupdated
    • Data Query
    • Date Inputsupdated
    • Date Math
    • Dialogs
    • Drawing
    • Dropdownsupdated
    • Editor
    • Excel Export
    • File Saver
    • Filter
    • Gantt
    • Gauges
    • Gridupdated
    • Icons
    • Indicators
    • Inputsupdated
    • Labels
    • Layout
    • ListBox
    • ListView
    • Map
    • Menus
    • Navigation
    • Notification
    • Pager
    • PDF Export
    • PDFViewer
    • PivotGridupdated
    • Popup
    • ProgressBars
    • Ripple
    • Schedulerupdated
    • ScrollView
    • Sortable
    • Spreadsheetupdated
    • ToolBar
    • Tooltips
    • TreeList
    • TreeView
    • Typography
    • Uploads
    • Utilities
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Sample Applications
  • FAQ
  • Troubleshooting
  • Updates
  • Changelogs
Components / Layout / API / TileLayoutReorderEvent / 
New to Kendo UI for Angular? Start a free 30-day trial

TileLayoutReorderEvent

Arguments for the reorder event. The event fires when the order or starting positions of the items is changed via the UI. If you prevent the event, the change is canceled (see example).

NameTypeDefaultDescription

item

TileLayoutItemComponent

The TileLayoutItem being reordered.

items

TileLayoutItemComponent[]

The TileLayoutItem collection that holds the currently rendered items and their internal state.

newCol?

number

The new start column of the reordered item.

newIndex

number

The new order index of the reordered item used to determine its positioning relative to the other items.

newRow?

number

The new start row of the reordered item.

oldCol?

number

The initial start column of the reordered item.

oldIndex

number

The initial order index of the reordered item used to determine its positioning relative to the other items.

oldRow?

number

The initial start row of the reordered item.

Methods

isDefaultPrevented

Returns true if the event was prevented by any of its subscribers.

Returns

boolean

true if the default action was prevented. Otherwise, returns false.

preventDefault

Prevents the default action for a specified event. In this way, the source component suppresses the built-in behavior that follows the event.

In this article

Not finding the help you need?

Contact Support