diff --git a/doc/components/component/data/view/table.vue b/doc/components/component/data/view/table.vue
index d002d87f5..72464a767 100755
--- a/doc/components/component/data/view/table.vue
+++ b/doc/components/component/data/view/table.vue
@@ -152,6 +152,13 @@
true/auto |
false |
+
+ selectWhenClickTr |
+ 当点击tr的时候,触发checkbox选中切换 |
+ Boolean |
+ |
+ false |
+
Table 事件
@@ -172,6 +179,10 @@
selectAll |
当checkbox全选的时候 |
+
+ trclick |
+ 当tr被点击的时候 |
+
Table 方法
diff --git a/doc/components/demos/view/table4.vue b/doc/components/demos/view/table4.vue
index 0843602c7..e912aa5af 100644
--- a/doc/components/demos/view/table4.vue
+++ b/doc/components/demos/view/table4.vue
@@ -4,7 +4,7 @@
-
+
@@ -56,7 +56,10 @@ export default {
datas.push({ id: 7, name: '添加', age: 12, address: "然后添加的" });
},
onselect(data) {
- log(data);
+ log('onselect', data);
+ },
+ trClick(data) {
+ log('trClick', data);
}
}
}
diff --git a/doc/components_en/component/data/view/table.vue b/doc/components_en/component/data/view/table.vue
index ca9f93fd9..5e8ac4a4e 100755
--- a/doc/components_en/component/data/view/table.vue
+++ b/doc/components_en/component/data/view/table.vue
@@ -152,6 +152,13 @@
true/auto |
false |
+
+ selectWhenClickTr |
+ When clicking on tr, trigger the checkbox switch |
+ Boolean |
+ |
+ false |
+
Table Event
@@ -166,11 +173,15 @@
select |
- Events that fire when the checkbox is changed |
+ Events that fire when checkbox is changed |
selectAll |
- When the checkbox is selected |
+ When checkbox is selected |
+
+
+ trclick |
+ When tr is clicked |
diff --git a/src/components/table/table-tr.js b/src/components/table/table-tr.js
index f98123993..07d0024f6 100644
--- a/src/components/table/table-tr.js
+++ b/src/components/table/table-tr.js
@@ -37,7 +37,16 @@ export default {
}
}
return h(
- 'tr', {}, tds
+ 'tr', {
+ on: {
+ click: this.clickHandler
+ },
+ }, tds
)
+ },
+ methods: {
+ clickHandler(event) {
+ this.$emit('click', this.datas, event)
+ }
}
}
diff --git a/src/components/table/table.vue b/src/components/table/table.vue
index cfa90b6bd..d62fc1339 100644
--- a/src/components/table/table.vue
+++ b/src/components/table/table.vue
@@ -31,7 +31,7 @@
-
+
|
@@ -55,7 +55,7 @@
-
+
|
@@ -72,7 +72,7 @@
-
+
@@ -141,6 +141,10 @@ export default {
loading: {
type: Boolean,
default: false
+ },
+ selectWhenClickTr: {
+ type: Boolean,
+ default: false
}
},
data() {
@@ -370,6 +374,17 @@ export default {
}
}
this.computeColumns = columns;
+ },
+ triggerTrClicked(data, event) {
+ if(this.selectWhenClickTr && !utils.hasClass(event.target, 'h-checkbox-native')) {
+ let list = this.checks;
+ if (list.some(item => item == data)) {
+ list.splice(list.indexOf(data), 1);
+ } else {
+ list.push(data);
+ }
+ }
+ this.$emit('trclick', data);
}
},
computed: {