实例修改

Author: 黄书伟

examples/doc/table/api.md

@@ -44,6 +44,8 @@
 | isResize | 此列是否要自适应，前提是设置了`is-horizontal-resize:true` |  boolean| — | false |
 | orderBy | 排序规则 | string | asc/desc | — |
 | isEdit | 是否启用单元格编辑 | boolean | — | false |
+| overflowTitle | 是否内容超出显示title提示 | boolean | — | false |
+
 
 ### title-rows（Table props）
 只处理复杂表头信息时用到。需要配置 `columns` 一起使用，具体用法参考复杂表头实例
@@ -65,7 +67,7 @@
 | row-mouse-enter|  鼠标进入表体行的回调| rowIndex |
 | row-mouse-leave|  鼠标离开表体行的回调| rowIndex |
 | sort-change|  点击排序回调| sortColumns（排序的列对象信息） |
-| cell-edit-formatter|  单元格编辑格式化回调（可以对编辑的结果设置样式等）|  newValue,oldValue,rowIndex,rowData,field|
+| ~~cell-edit-formatter~~ [1.3.5](https://github.com/huangshuwei/vue-easytable/releases/tag/1.3.5) 版本废除|  ~~单元格编辑格式化回调（可以对编辑的结果设置样式等）~~|  ~~newValue,oldValue,rowIndex,rowData,field~~|
 | cell-edit-done|  单元格编辑完成回调|  newValue,oldValue,rowIndex,rowData,field|
 | cell-merge|  单元格合并，支持rowSpan、colSpan,返回值`{colSpan: 1,rowSpan: 1,content: '',componentName: ''}`；合并后单元格的内容可以通过`content`（html）设置也可以通过,`componentName`（自定义组件）设置| rowIndex,rowData,field|
 | select-all| 全选时触发 | selection 当前选中的项集合 |

examples/doc/table/cell-edit-advanced.md

@@ -1,5 +1,5 @@
 
-:::demo 默认单元格的编辑只接收文本格式，但是可以通过 `cell-edit-formatter` 回调函数对单元格的编辑后的结果进行二次处理。
+:::demo 通过给 `columns` 设置 `isEdit:true` 开启单元格编辑。<br> **回调事件**： <br> - `cell-edit-done`回调函数，回调参数为 `newValue`、`oldValue`、`rowIndex`、`rowData`、`field`，并给`table-data`当前编辑的列赋值 <br> **提示**：由于直接通过操作DOM 会破坏响应式，通过在`cell-edit-done`回调函数中给 `table-data`编辑的列赋值，达到响应式的目的
 
 ```html
 <template>
@@ -10,7 +10,6 @@
             :table-data="tableData"
             row-hover-color="#eee"
             row-click-color="#edf7ff"
-            :cell-edit-formatter="cellEditFormatter"
             :cell-edit-done="cellEditDone"
     ></v-table>
 </template>
@@ -47,21 +46,13 @@
             }
         },
         methods:{
-           // 单元格编辑格式化回调
-           cellEditFormatter(newValue,oldValue,rowIndex,rowData,field){
-
-                if (field === 'name'){
-                    return `<span class="cell-edit-color">${newValue}</span>`
-                }
-           },
 
             // 单元格编辑回调
             cellEditDone(newValue,oldValue,rowIndex,rowData,field){
-                 console.log(newValue)
-                 console.log(oldValue)
-                 console.log(rowIndex)
-                 console.log(rowData)
-                 console.log(field)
+
+                this.tableData[rowIndex][field] = newValue;
+
+                // 接下来处理你的业务逻辑，数据持久化等...
             }
         }
     }

examples/doc/table/cell-edit.md renamed to examples/doc/table/cell-edit-废弃.md

@@ -1,5 +1,5 @@
 
-:::demo 通过给 `columns` 设置 `isEdit:true` 开启单元格编辑。<br> **回调事件**： <br> - `cell-edit-done`回调函数，接收编辑结果，回调参数为 `newValue`、`oldValue`、`rowIndex`、`rowData`、`field`。
+:::demo 通过给 `columns` 设置 `isEdit:true` 开启单元格编辑。<br> **回调事件**： <br> - `cell-edit-done`回调函数，回调参数为 `newValue`、`oldValue`、`rowIndex`、`rowData`、`field`，并给`table-data`当前编辑的列赋值 <br> **提示**：由于直接通过操作DOM 会破坏响应式，通过在`cell-edit-done`回调函数中给 `table-data`编辑的列赋值，达到响应式的目的
 
 ```html
 <template>

examples/doc/table/main.md

@@ -56,12 +56,7 @@
             <h3>单元格编辑</h3>
 
             <div class="mt30">
-                <anchor id="table-cell-edit" label="单元格编辑简单用法" h4 ></anchor>
-                <cell-edit></cell-edit>
-            </div>
-
-            <div class="mt30">
-                <anchor id="table-cell-edit-advanced" label="单元格编辑高级用法" h4 ></anchor>
+                <anchor id="table-cell-edit-advanced" label="单元格编辑用法" h4 ></anchor>
                 <cell-edit-advanced></cell-edit-advanced>
             </div>
         </div>
@@ -158,7 +153,6 @@
     import setCellClassName from './set-cell-class-name.md'
     import customColumns from './custom-columns.md'
 
-    import cellEdit from './cell-edit.md'
     import cellEditAdvanced from './cell-edit-advanced.md'
 
     import sortBySingleColumns from './sort-by-single-columns.md'
@@ -200,7 +194,6 @@
 
             cellMerge,
 
-            cellEdit,
             cellEditAdvanced,
 
             sortByMultipleColumns,

examples/doc/updateLog.md

@@ -0,0 +1,4 @@
+2017-10-24
+1、修复table组件单元格编辑后分页单元格内容不变化的问题 #24
+2、废除单元格编辑格式化回调函数 `cell-edit-formatter`（破坏了响应式）
+3、列宽拖动在IE9下失效的问题 #20