Função "Drag and Drop" com jQuery em Gridview .net

Por razões de comportamento da aplicação, foi solicitado que no Gridview seja possível movimentar as linhas, trocando-as de lugar com outras. Como aplicar essa funcionalidade em sua aplicação .net?

Utilizando jQuery é possível, pois nele já existe toda essa tarefa programada. Basta aplicarmos a funcionalidade Sortable, que permite alterar a ordem dos itens dentro de um espaço.

Veja abaixo como é possível reordenar as linhas do Gridview.

Requisito Status
Requisito 001 Em desenvolvimento
Requisito 002 Pendente
Requisito 003 Concluído
Requisito 004 Não iniciado
Requisito 005 Concluído

Na MasterPage do seu projeto, é necessário incluir a referência da biblioteca jQuery e também adicionar o código Javascript que executa a funcionalidade de drag and drop.

Na tela desejada, basta associar o Gridview com a mesma classe utilizada na função drag and drop (nesse código foi utilizada a classe "DragDrop").

Se quiser facilitar a identificação do usuário com um cursor diferente no Gridview, para mostrar que é possível movimentar as linhas, é só criar uma classe CSS na própria tela e também associar no Gridview.