Commit 1594942f2cbe58dad042e2bbd431f0f2edc002a2

Authored by leonine
1 parent 8f48491a

itable 添加设置默认选中行的功能

Showing 2 changed files with 40 additions and 1 deletions   Show diff stats
src/components/table/table.vue
... ... @@ -548,7 +548,11 @@
548 548 this.data.forEach((row, index) => {
549 549 const newRow = deepCopy(row);// todo 直接替换
550 550 newRow._isHover = false;
551   - newRow._isChecked = false;
  551 + if(newRow.checked){// 传checked:true 可以设置该行为默认选中状态
  552 + newRow._isChecked = newRow.checked;
  553 + }else{
  554 + newRow._isChecked = false;
  555 + }
552 556 newRow._isHighlight = false;
553 557 data[index] = newRow;
554 558 });
... ...
test/routers/table.vue
1 1 <template>
2 2 <i-table border :content="self" :columns="columns7" :data="data6"></i-table>
  3 +
  4 + 默认选中行
  5 + <i-table border :content="self" :columns="columns8" :data="data8"></i-table>
3 6 </template>
4 7 <script>
5 8 export default {
... ... @@ -64,6 +67,38 @@
64 67 age: 26,
65 68 address: '深圳市南山区深南大道'
66 69 }
  70 + ],
  71 + columns8:[
  72 + {
  73 + type: 'selection',
  74 + width: 60,
  75 + align: 'center'
  76 + },
  77 + {
  78 + title: '名称',
  79 + key: 'name'
  80 + },
  81 + {
  82 + title: '年龄',
  83 + key: 'age'
  84 + },
  85 + {
  86 + title: '地址',
  87 + key: 'address'
  88 + }
  89 + ],
  90 + data8:[
  91 + {
  92 + name: '王小明',
  93 + age: 18,
  94 + address: '北京市朝阳区芍药居',
  95 + checked:true // 传checked 可以设置该行为默认选中状态
  96 + },
  97 + {
  98 + name: '张小刚',
  99 + age: 25,
  100 + address: '北京市海淀区西二旗'
  101 + }
67 102 ]
68 103 }
69 104 },
... ...