编辑表

Bootstrap Table的可编辑扩展。

使用插件：[x-editable](https://github.com/vitalets/x-editable "x-editable")

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

#### 选项
**editable**
- 属性: `data-editable`

- 类型: `Boolean`

- 详情:

设置 `false` 将禁用所有列的可编辑。

- 默认: `true`

#### 列选项
**alwaysUseFormatter**
- 属性: data-always-use-formatter

- 类型: Boolean

- 详情:

设置为 `true` 以始终使用格式化程序，即使该列已被编辑。

- 默认: false

**editable**
- 属性: data-editable

- 类型: Object | Function

- 详情:

x-editable的配置。选项的完整列表： http://vitalets.github.io/x-editable/docs.html#editable.

如果它是 `Function` 类型，则使用参数调用它：index、row、表中每行的元素。它应该返回 x-editable 配置的Object。

所有选项都可以通过 `data-editable-*` HTML属性定义。表范围选项用于每一列，但可以重写：

```html
  <table id="my_table_id"
    data-url="data/url.json"
    data-id-field="id"
    data-editable-emptytext="Default empty text."
    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">Name</th>
        <th class="col-md-7" data-field="description" data-editable="true" data-editable-emptytext="Custom empty text.">Description</th>
      </tr>
    </thead>
  </table>
```

可以使用 `noEditFormatter` 禁用可编辑列，例如：

```javascript
  {
    editable: {
      noEditFormatter (value, row, index) {
        if (value === 'noEdit') {
          return 'No Edit'
        }
        return false
      }
    }
  }
```

- 默认: `undefined`

#### 事件
**onEditableInit(editable-init.bs.table)**
当所有列都由 `$().editable()` 方法初始化时激发。

**onEditableSave(editable-save.bs.table)**
保存可编辑单元格时激发。

- 参数: field, row, rowIndex, oldValue, $el

**onEditableShown(editable-shown.bs.table)**
打开可编辑单元格进行编辑时激发。

- 参数: field, row, $el

**onEditableHidden(editable-hidden.bs.table)**
隐藏/关闭可编辑单元格时激发。

- 参数: field, row, $el, reason

#### 存在的问题
可编辑扩展名不支持在选择类型中搜索。