Data and collections
Native Qt
Reorderable List
Reorderable List is a native Zui component in the data and collections catalog, with 29 component-specific properties.
Usage
Ruby example
Paste this complete Builder example inside the app surface from the Quickstart. Replace illustrative asset paths with files from your project.
reorderable_list [{ id: 1, label: "Design" }, { id: 2, label: "Build" }, { id: 3, label: "Ship" }], key_field: :id, label_field: :label
API
Component properties
29 component-specific values, plus shared item and layout properties.
itemsItems configuration for Reorderable List.propertykey_fieldKey field configuration for Reorderable List.propertylabel_fieldLabel field configuration for Reorderable List.propertydescription_fieldDescription field configuration for Reorderable List.propertyselectedSelected configuration for Reorderable List.propertyorientationOrientation configuration for Reorderable List.propertyspacingSpacing configuration for Reorderable List.propertypaddingPadding configuration for Reorderable List.propertyitem_paddingItem padding configuration for Reorderable List.propertyitem_heightItem height configuration for Reorderable List.propertywidthWidth configuration for Reorderable List.propertyheightHeight configuration for Reorderable List.propertyhandle_positionHandle position configuration for Reorderable List.propertydrag_enabledDrag enabled configuration for Reorderable List.propertydrag_scaleDrag scale configuration for Reorderable List.propertydrag_opacityDrag opacity configuration for Reorderable List.propertydrag_transition_durationDrag transition duration configuration for Reorderable List.propertyempty_textEmpty text configuration for Reorderable List.propertybackgroundBackground configuration for Reorderable List.propertyitem_backgroundItem background configuration for Reorderable List.propertyselected_backgroundSelected background configuration for Reorderable List.propertyforegroundForeground configuration for Reorderable List.propertyselected_foregroundSelected foreground configuration for Reorderable List.propertymutedMuted configuration for Reorderable List.propertyborder_colorBorder color configuration for Reorderable List.propertyradiusRadius configuration for Reorderable List.propertyfont_familyFont family configuration for Reorderable List.propertyfont_sizeFont size configuration for Reorderable List.propertyvisibleVisible configuration for Reorderable List.propertyShow 14 shared item properties
enabledopacityscalerotationzfill_widthfill_heightpreferred_widthpreferred_heightminimum_widthminimum_heightmaximum_widthmaximum_heightlayout_alignment
Interaction
Events
Subscribe with on widget, :event and keep behavior in Ruby.
↗
reorderNative event payload↗
activateNative event payload↗
changeNative event payload↗
drag_startNative event payload↗
drag_moveNative event payload↗
drag_endNative event payload