Bootstrap Table Editable

Extensão Editable da tabela Bootstrap Table.

Use Plugin: x-editable

Uso

<script src="extensions/editable/bootstrap-table-editable.js"></script>

Opções

editable

• Atributo: data-editable

• Tipo: Boolean

• Detalhe:

  Defina false para desabilitar a edição de todas as colunas.

• Padrão: true

Opções de coluna

alwaysUseFormatter

• Atributo: data-always-use-formatter

• Tipo: Boolean

• Detalhe:

  Defina true para sempre usar o formatador, mesmo se a coluna já foi editada.

• Padrão: false

editable

• Atributo: data-editable

• Tipo: Object | Function

• Detalhe:

  Configuração do x-editable. Lista completa de opções: http://vitalets.github.io/x-editable/docs.html#editable.

  Se for do tipo Function, é chamada com os parâmetros: index, row, element para cada linha da tabela. Deve retornar o Object da configuração do x-editable.

  Todas as opções podem ser definidas através de atributos HTML data-editable-*. As opções da tabela inteira são usadas para cada coluna, mas podem ser substituídas:

  <table id="my_table_id"
    data-url="data/url.json"
    data-id-field="id"
    data-editable-emptytext="Texto vazio padrão."
    data-editable-url="/my/editable/update/path">
    <thead>
      <tr>
        <th class="col-md-1" data-field="id" data-sortable="true" data-align="center">#</th>
        <th class="col-md-4" data-field="name" data-editable="true">Nome</th>
        <th class="col-md-7" data-field="description" data-editable="true" data-editable-emptytext="Texto vazio personalizado.">Descrição</th>
      </tr>
    </thead>
  </table>

  Você pode usar noEditFormatter para desabilitar a coluna editável, por exemplo:

  {
    editable: {
      noEditFormatter (value, row, index) {
        if (value === 'noEdit') {
          return 'Não Editar'
        }
        return false
      }
    }
  }

• Padrão: undefined

Eventos

onEditableInit(editable-init.bs.table)

Disparado quando todas as colunas foram inicializadas pelo método $().editable().

onEditableSave(editable-save.bs.table)

Disparado quando uma célula editável é salva.

parâmetros: field, row, rowIndex, oldValue, $el

onEditableShown(editable-shown.bs.table)

Disparado quando uma célula editável é aberta para edição.

parâmetros: field, row, $el

onEditableHidden(editable-hidden.bs.table)

Disparado quando uma célula editável é ocultada/fechada.

parâmetros: field, row, $el, reason

Problemas existentes

• A extensão editable não suporta busca no tipo select.