List Demos: add repaintChangesOnly to the List Drag&Drop demos (jQuery, Angular, React, Vue) (DevExpress#30308)

Author: pharret31

apps/demos/Demos/List/DragAndDrop/Angular/app/app.component.html

@@ -1,6 +1,10 @@
 <div id="list-demo">
   <div class="widget-container">
-    <dx-list [dataSource]="plannedTasks" keyExpr="id">
+    <dx-list
+      [dataSource]="plannedTasks"
+      keyExpr="id"
+      [repaintChangesOnly]="true"
+    >
       <dxo-item-dragging
         group="tasks"
         [data]="plannedTasks"
@@ -12,7 +16,7 @@
       >
       </dxo-item-dragging>
     </dx-list>
-    <dx-list [dataSource]="doingTasks" keyExpr="id">
+    <dx-list [dataSource]="doingTasks" keyExpr="id" [repaintChangesOnly]="true">
       <dxo-item-dragging
         group="tasks"
         [data]="doingTasks"

apps/demos/Demos/List/DragAndDrop/React/App.tsx

@@ -60,7 +60,9 @@ const App = () => {
     <div className="widget-container">
       <List
         dataSource={plannedTasksState}
-        keyExpr="id">
+        keyExpr="id"
+        repaintChangesOnly={true}
+      >
         <ItemDragging
           allowReordering={true}
           group="tasks"
@@ -73,7 +75,9 @@ const App = () => {
       </List>
       <List
         dataSource={doingTasksState}
-        keyExpr="id">
+        keyExpr="id"
+        repaintChangesOnly={true}
+      >
         <ItemDragging
           allowReordering={true}
           group="tasks"

apps/demos/Demos/List/DragAndDrop/ReactJs/App.js

@@ -65,6 +65,7 @@ const App = () => {
       <List
         dataSource={plannedTasksState}
         keyExpr="id"
+        repaintChangesOnly={true}
       >
         <ItemDragging
           allowReordering={true}
@@ -79,6 +80,7 @@ const App = () => {
       <List
         dataSource={doingTasksState}
         keyExpr="id"
+        repaintChangesOnly={true}
       >
         <ItemDragging
           allowReordering={true}

apps/demos/Demos/List/DragAndDrop/Vue/App.vue

@@ -4,6 +4,7 @@
       <DxList
         :data-source="plannedTasks"
         key-expr="id"
+        :repaint-changes-only="true"
       >
         <DxItemDragging
           data="plannedTasks"
@@ -18,6 +19,7 @@
       <DxList
         :data-source="doingTasks"
         key-expr="id"
+        :repaint-changes-only="true"
       >
         <DxItemDragging
           data="doingTasks"

apps/demos/Demos/List/DragAndDrop/jQuery/index.js

@@ -3,6 +3,7 @@ $(() => {
     $(selector).dxList({
       dataSource: tasks,
       keyExpr: 'id',
+      repaintChangesOnly: true,
       itemDragging: {
         allowReordering: true,
         data: tasks,