ReorderList

Descripción

Se trata de un control Web al que se le asigna una fuente de datos y se muestran por pantalla, de modo que estos pueden ser reordenados sin más que arrastrarlos con el ratón. Cuando lo hemos reordenado, la fuente de datos se actualiza y/o nosotros mismos podemos capturar ese evento para actuar en consecuencia.

Propiedades

• DataSourceID: el ID del datasource que se aplicará a este control. Típicamente será un ObjectDataSource, SqlDataSource…
• DataKeyField: clave primaria de los datos
• SortOrderField: campo que representa el orden de los items
• ItemInsertLocation: determina dónde se insertará un nuevo item, al principio (Beginning) o al final (End).
• DragHandleAlignment indica donde se ubicará el elemento que podemos coger para arrastrar la fila. Sus posibles valores son: Top, Bottom, Left o Right.
• AllowReorder: indica si permitimos o no el reordenamiento.
• ItemTemplate: template al mostrar los items.
• EditItemTemplate: template al mostrar los items en modo de edición.
• ReorderTemplate: template que mostrará donde se va a ubicar la fila si la soltáramos ahí.
• InsertItemTemplate: template que se mostrará cuando se añada una nueva columna.
• DragHandleTemplate: template que se mostrará cuando se agarra la fila y se está arrastrando.
• EmptyListTemplate: template a mostrar cuando el listado está vacío.
• PostbackOnReorder: determina si el reordenamiento debe producir un postback o callback. Deberemos activarlo si implica un borrado o modificado de datos.

Ejemplo

<ajaxToolkit:ReorderList ID="ReorderList1" runat="server"
DataSourceID="ObjectDataSource1" DragHandleAlignment="Left"
ItemInsertLocation="Beginning" DataKeyField="ItemID"
SortOrderField="Priority" AllowReorder="true">
<ItemTemplate>...</ItemTemplate>
<ReorderTemplate>...</ReorderTemplate>
<DragHandleTemplate>...</DragHandleTemplate>
<InsertItemTemplate>...</InsertItemTemplate>
</ajaxToolkit:ReorderList>