From ae843be593def9eb3c97c7335e11101e5143722d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tu=C4=9F=C3=A7e=20K=C3=BC=C3=A7=C3=BCko=C4=9Flu?=
 <tugcekucukoglu.860@gmail.com>
Date: Mon, 28 Mar 2022 11:36:46 +0300
Subject: [PATCH] Fixed #2361 - DataView new dataKey property

---
 api-generator/components/dataview.js  | 6 ++++++
 src/components/dataview/DataView.d.ts | 4 ++++
 src/components/dataview/DataView.vue  | 5 ++++-
 src/views/dataview/DataViewDoc.vue    | 6 ++++++
 4 files changed, 20 insertions(+), 1 deletion(-)

diff --git a/api-generator/components/dataview.js b/api-generator/components/dataview.js
index c11fa356a..99c5e0ad2 100644
--- a/api-generator/components/dataview.js
+++ b/api-generator/components/dataview.js
@@ -88,6 +88,12 @@ const DataViewProps = [
         type: "boolean",
         default: "false",
         description: "Defines if data is loaded and interacted with in lazy manner."
+    },
+    {
+        name: "dataKey",
+        type: "string",
+        default: "null",
+        description: "Name of the data that uniquely identifies the a record in the data."
     }
 ];
 
diff --git a/src/components/dataview/DataView.d.ts b/src/components/dataview/DataView.d.ts
index 5f18e67f8..4e60fd555 100755
--- a/src/components/dataview/DataView.d.ts
+++ b/src/components/dataview/DataView.d.ts
@@ -113,6 +113,10 @@ export interface DataViewProps {
      * Defines if data is loaded and interacted with in lazy manner.
      */
     lazy?: boolean | undefined;
+    /**
+     * Name of the data that uniquely identifies the a record in the data.
+     */
+    dataKey: string | undefined;
 }
 
 export interface DataViewSlots {
diff --git a/src/components/dataview/DataView.vue b/src/components/dataview/DataView.vue
index 4d8f6811a..73f47a37f 100755
--- a/src/components/dataview/DataView.vue
+++ b/src/components/dataview/DataView.vue
@@ -107,7 +107,10 @@ export default {
             type: Boolean,
             default: false
         },
-        dataKey: null
+        dataKey: {
+            type: String,
+            default: null
+        }
     },
     data() {
         return {
diff --git a/src/views/dataview/DataViewDoc.vue b/src/views/dataview/DataViewDoc.vue
index d5941c061..b23cc7995 100755
--- a/src/views/dataview/DataViewDoc.vue
+++ b/src/views/dataview/DataViewDoc.vue
@@ -334,6 +334,12 @@ export default {
                         <td>boolean</td>
                         <td>false</td>
                         <td>Defines if data is loaded and interacted with in lazy manner.</td>
+                    </tr>
+                    <tr>
+                        <td>dataKey</td>
+                        <td>string</td>
+                        <td>null</td>
+                        <td>Name of the data that uniquely identifies the a record in the data.</td>
                     </tr>
 				</tbody>
 			</table>