使用下拉列表更改项目的顺序

Question

我想创建与使用下拉列表订购项目时Sharepoint提供的功能相同的功能，如下面的示例所示，但我想在asp.net中创建它。

示例：当选择Modified列作为第一个时，每个dropdowlist的值将使用javascript或jquery自动重新排序。谁知道我怎么能这样做？我对javascript没有太多经验，所以我一直在寻求帮助。

这是我到目前为止所做的：

aspx代码：

<asp:GridView ID="GridView1" runat="server" EnableModelValidation="True" AutoGenerateColumns="False"
    BorderStyle="Solid" RowStyle-Width="1" RowStyle-BorderWidth="1" RowStyle-BorderColor="silver"
    Width="100%" OnRowEditing="GridView1_RowEditing" 
    onrowcancelingedit="GridView1_RowCancelingEdit" 
    onrowdatabound="GridView1_RowDataBound" DataKeyNames="ID,LanguageID">
    <Columns>
        <asp:TemplateField HeaderText="Ranking" HeaderStyle-HorizontalAlign="Left" SortExpression="Ranking">
            <EditItemTemplate>
                <asp:TextBox ID="TextBox4" runat="server" Text='<%# Bind("Ranking") %>'></asp:TextBox>
                <asp:DropDownList ID="ddlRanking" runat="server">
                </asp:DropDownList>
            </EditItemTemplate>
            <ItemTemplate>
                <asp:Label ID="Label4" runat="server" Text='<%# Bind("Ranking") %>'></asp:Label>
                <asp:DropDownList ID="DropDownList3" runat="server">
                </asp:DropDownList>
            </ItemTemplate>
            <HeaderStyle HorizontalAlign="Left"></HeaderStyle>
        </asp:TemplateField>
    </Columns>
    <RowStyle BorderColor="Silver" BorderWidth="1px" Width="1px"></RowStyle>
</asp:GridView>

代码背后：

protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e) {
    if (e.Row.RowType == DataControlRowType.DataRow) {
        DropDownList ddlLang = (DropDownList)e.Row.FindControl("Dropdownlist2");
        if (ddlLang != null) {
            LanguagesList lang = new LanguagesList();

            ddlLang.DataSource = lang.GetAllByLanguageId();
            ddlLang.DataTextField = "LanguageName";
            ddlLang.DataValueField = "ID";
            ddlLang.DataBind();
            ddlLang.SelectedValue = GridView1.DataKeys[e.Row.RowIndex].Values[1].ToString();
            //ddlLang.Items.FindByValue((Label)(e.Row.FindControl("Label3"))).Selected = true;
        }

        DropDownList ddlRanking = (DropDownList) e.Row.FindControl("Dropdownlist3");
        if(ddlRanking !=null) {
            Ranking(ddlRanking);
        }
    }
}

这是上述代码的结果：