我已经实现了一个我希望能够使用拖放命令的列表。
我使用ajaxToolkit ReorderList实现了列表。
它完全适用于用户界面,我遇到的问题与将数据更新到数据库有关。
我创建了一个允许用户保存更改的按钮(一次性完成),问题是在click事件中,如果我循环使用ReorderList,则按原始顺序返回项目,而不是作为用户返回的项目修改了它。看起来尽管列表被重新排序,但ReorderList维护原始数据源。
这是我的清单
<ajaxToolkit:ReorderList ID="rlVerticalMenu" runat="server" DragHandleAlignment="Left"
ItemInsertLocation="Beginning" DataKeyField="Id" SortOrderField="Priority"
EnableViewState="true" OnItemReorder="rlWorkItems_ItemReorder"
CallbackCssStyle="ClsCallBackStyle" CssClass="ClsReorderListContainer">
<ItemTemplate>
<div class="ClsItemArea">
<div>
<asp:Label ID="LblId" runat="server" Visible="false" CssClass="editable_textarea" Text='<%# Eval("Id").ToString() %>' />
<div class="verticalMenuItem">
<asp:Label ID="LblDisplayName" runat="server" CssClass="editable_textarea" Text='<%# Eval("DisplayName").ToString() %>' />
</div>
<div class="verticalMenuItem">
<asp:Label ID="LblHref" runat="server" CssClass="editable_textarea" Text='<%# Eval("Href").ToString() %>'/>
</div>
<div class="verticalMenuItem">
<asp:Label ID="LblTooltip" runat="server" CssClass="editable_textarea" Text='<%# Eval("Tooltip").ToString() %>'/>
</div>
</div>
</div>
</ItemTemplate>
<ReorderTemplate>
<asp:Panel ID="Panel2" runat="server" CssClass="ClsReorderCue">
</asp:Panel>
</ReorderTemplate>
<DragHandleTemplate>
<div class="ClsDragHandle">
</div>
</DragHandleTemplate>
</ajaxToolkit:ReorderList>
<asp:Button ID="BtnGenerateMenu" runat="server" Text="Generate Menu" OnClick="BtnGenerateMenu_Click" />
</asp:Content>
知道我应该如何实现这个? 我如何实现
protected void rlWorkItems_ItemReorder(object sender, ReorderListItemReorderEventArgs e)
{
}
方法
由于
答案 0 :(得分:0)
您是使用OrderBy
重新排序列表,Sort
是以有序方式枚举列表的LINQ表达式,还是OrderBy
,它实际上更改了列表的顺序?
您可以选择使用var qry = MyList.OrderBy(item => item.OrderingProperty)
遍历点击事件中的列表,如下所示:
qry
通过这种方式,如果循环遍历{{1}},您将拥有一个按LINQ lambda表达式中指定的属性排序的列表。
答案 1 :(得分:0)
我设法实现了一种排序算法,我不确定是否有更好的方法可以做到这一点但它有效
protected void rlWorkItems_ItemReorder(object sender, ReorderListItemReorderEventArgs e)
{
List<VerticalMenuItem> list = (List<VerticalMenuItem>)Session["VerticalMenuItems"];
List<VerticalMenuItem> newList = new List<VerticalMenuItem>();
//if move one place - no matter top or bottom
if (e.NewIndex - e.OldIndex == 1 || e.OldIndex - e.NewIndex == 1)
{
VerticalMenuItem oldItem = list[e.OldIndex];
VerticalMenuItem newItem = list[e.NewIndex];
list[e.NewIndex] = oldItem;
list[e.OldIndex] = newItem;
Session["VerticalMenuItems"] = list;
return;
}
//From bottom to top
if (e.OldIndex - e.NewIndex > 0)
{
VerticalMenuItem oldItem = list[e.OldIndex];
for (int i = 0; i < e.NewIndex; i++)
{
newList.Add(list[i]);
}
list.Remove(oldItem);
newList.Add(oldItem);
for (int i = e.NewIndex; i < list.Count; i++)
{
newList.Add(list[i]);
}
Session["VerticalMenuItems"] = newList;
return;
}
//From top to bottom
if (e.OldIndex - e.NewIndex < 0)
{
VerticalMenuItem oldItem = list[e.OldIndex];
list.Remove(oldItem);
for (int i = 0; i < e.NewIndex; i++)
{
newList.Add(list[i]);
}
newList.Add(oldItem);
for (int i = e.NewIndex; i < list.Count; i++)
{
newList.Add(list[i]);
}
Session["VerticalMenuItems"] = newList;
}
}