Bootstrap Table Reorder Rows

Extensão Reorder Rows da tabela Bootstrap Table.

Dependência: tablednd v0.9

se quiser, você pode incluir o arquivo bootstrap-table-reorder-rows.css para usar o dragClass padrão.

Uso

<link rel="stylesheet" href="extensions/reorder-rows/bootstrap-table-reorder-rows.css">
<script src=".../jquery.tablednd.js"></script>
<script src="extensions/reorder-rows/bootstrap-table-reorder-rows.js"></script>

Exemplo

Reorder Rows

Opções

reorderableRows

• Atributo: data-reorderable-rows

• Tipo: Boolean

• Detalhe:

  Defina true para permitir o recurso de reordenação.

• Padrão: false

onAllowDrop

• Atributo: data-on-allow-drop

• Tipo: function

• Detalhe:

  Passe uma função que será chamada quando uma linha estiver sobre outra linha. Se a função retornar true, permita a soltura nessa linha, caso contrário, não. A função recebe 4 parâmetros:

  • os dados da linha arrastada
  • os dados da linha sob o cursor
  • a linha arrastada
  • a linha sob o cursor

  Ela retorna um booleano: true permite a soltura, false não permite.

• Padrão: null

onDragStop

• Atributo: data-on-drag-stop

• Tipo: function

• Detalhe:

  Passe uma função que será chamada quando o usuário parar de arrastar, independentemente de as linhas terem sido reorganizadas. A função recebe 3 parâmetros: a tabela, os dados da linha e a linha que o usuário estava arrastando.

• Padrão: null

onDragStyle

• Atributo: data-on-drag-style

• Tipo: String

• Detalhe:

  Este é o estilo que é atribuído à linha durante o arrasto. Há limitações nos estilos que podem ser associados a uma linha (como não conseguir atribuir uma borda - bem, você pode, mas não será exibida).

• Padrão: null

onDragClass

• Atributo: data-on-drag-class

• Tipo: String

• Detalhe:

  Esta classe é adicionada durante a duração do arrasto e removida quando a linha é solta. É mais flexível do que usar onDragStyle, pois pode ser herdada pelas células da linha e outros conteúdos.

• Padrão: reorder-rows-on-drag-class

onDropStyle

• Atributo: data-on-drop-style

• Tipo: String

• Detalhe:

  Este é o estilo que é atribuído à linha quando ela é solta. Como no onDragStyle, há limitações no que você pode fazer. Além disso, isso substitui o estilo original, então novamente considere usar onDragClass, que é simplesmente adicionado e removido na soltura.

• Padrão: null

onReorderRowsDrag

• Atributo: data-on-reorder-rows-drag

• Tipo: Function

• Detalhe:

  Passe uma função que será chamada quando o usuário começar a arrastar. A função recebe 1 parâmetro: a linha que o usuário começou a arrastar.

• Padrão: função vazia

onReorderRowsDrop

• Atributo: data-on-reorder-rows-drop

• Tipo: Function

• Detalhe:

  Passe uma função que será chamada quando a linha for solta. A função recebe 1 parâmetro: a linha que foi solta.

• Padrão: função vazia

dragHandle

• Atributo: data-drag-handle

• Tipo: String

• Detalhe:

  Este é o elemento do cursor.

  Nota: Esta opção é principalmente usada para se adaptar ao plugin TableDnD. Em nenhuma circunstância especial, por favor, não modifique o valor padrão.

• Padrão: >tbody>tr>td:not(.bs-checkbox)

useRowAttrFunc

• Atributo: data-use-row-attr-func

• Tipo: Boolean

• Detalhe:

  Esta função deve ser usada se seus elementos tr não tiverem o atributo id. Se seus elementos tr não tiverem o atributo id, este plugin não dispara o evento onDrop.

• Padrão: false

Eventos

onReorderRow(reorder-row.bs.table)

Disparado quando a linha foi solta, recebe três parâmetros:

• Os novos dados da tabela
• A linha solta
• A linha da posição anterior