Question

我试图通过以下方式实现这一点：

GridView的：

<asp:GridView ID="GridViewUnavailableDestination" runat="server" Visible="False" 
      Width="98%" AutoGenerateColumns="False" CellPadding="4" ForeColor="#333333" 
      GridLines="None" CssClass="sortable">
      <Columns>
          <asp:TemplateField HeaderText="Name">
              <ItemTemplate>
                  <asp:Label ID="idUnavailable" runat="server" Text='<%# bind("idUnavailable") %>' Visible="false"></asp:Label>
                  <asp:Label Visible="true" runat="server" ID="unavailableLabel" Text='<%# bind("name")  %>'></asp:Label>
              </ItemTemplate>
          </asp:TemplateField>
          <asp:TemplateField HeaderText="Type">
              <ItemTemplate>
                  <asp:Label Visible="true" runat="server" ID="unavailableTypeLabel" Text='<%# bind("type")  %>'></asp:Label>
              </ItemTemplate>
          </asp:TemplateField>
          <asp:TemplateField HeaderText="RT">
              <ItemTemplate>
                  <asp:Label Visible="true" runat="server" ID="unavailableRTLabel" Text='<%# bind("ringingTime")  %>'></asp:Label>
              </ItemTemplate>
          </asp:TemplateField>
      </Columns>
  </asp:GridView>

这是我在MasterPage中的javascript：

$(document).ready(function () {
        $(function () {
            $(".sortable tbody").sortable();
            $(".sortable tbody").disableSelection();
        });
});

然而，它不起作用。

有关如何使这项工作的任何想法？或者如果可能的话？

Answer 1

你应该在链接下面......

http://www.isocra.com/2008/02/table-drag-and-drop-jquery-plugin/

http://www.pedrera.com/blog/asp-net-listview-drag-and-drop-reordering-using-jquery/

http://www.codeproject.com/KB/webforms/DragAndDropGridView.aspx

http://www.foliotek.com/devblog/make-table-rows-sortable-using-jquery-ui-sortable/

Answer 2

要解决此问题，需要查看以下帖子：

http://www.isocra.com/2008/02/table-drag-and-drop-jquery-plugin/

它是关于最近允许拖放表元素的jQuery插件。这对GridView很有用，因为浏览器将其呈现为表格。但是，这可能还不足以得到问题的解决方案，因为这篇文章已经清楚地描述了它，它特别适用于GridViews：

http://forums.asp.net/t/1684346.aspx/1?tableDnD+onDragClass+not+working+on+asp+net+GRIDVIEW

希望这可以帮助人们解决同样的问题！

是否可以使用jQuery排序拖放GridView行？

2 个答案: