Merge pull request #391 from Syncfusion-Content/hotfix/hotfix-v26.1.35

DOCINFRA-2341_merged_using_automation

Author: SyncfusionBuild

ej2-vue/code-snippet/grid/select/selection-column-existing/app-composition.vue

@@ -8,7 +8,7 @@
     <div style="padding: 20px 0px 0px 0px">
       <ejs-grid ref="grid" :dataSource="data" :selectionSettings="selectionOptions">
         <e-columns>
-          <e-column field="OrderID" headerText="Order ID" textAlign="Right" 
+          <e-column field="OrderID" headerText="Order ID" textAlign="Right"
           width="120"></e-column>
           <e-column field="CustomerID" headerText="Customer ID" width="120">
           </e-column>
@@ -29,11 +29,11 @@ import { data } from "./datasource.js";
 import { ref } from "vue";
 const textbox = ref(null);
 const grid = ref(null);
-const selectionOptions = { type: "Multiple", mode: "Cell" };
+const selectionOptions = { allowColumnSelection: true, mode: "Cell" };
 const onClick = function () {
-  const startIndex = parseInt(textbox.value.value, 10);
+  const startIndex = parseInt(textbox.value.ej2Instances.value, 10);
   if (!isNaN(startIndex))
-    grid.value.selectColumnWithExisting(startIndex);
+    grid.value.ej2Instances.selectionModule.selectColumnWithExisting(startIndex);
 };
 </script>
 <style>

ej2-vue/code-snippet/grid/select/selection-column-multiple-method/app-composition.vue

@@ -51,7 +51,7 @@ import { ButtonComponent as EjsButton } from "@syncfusion/ej2-vue-buttons";
 import { data } from "./datasource.js";
 import { ref } from "vue";
 const grid = ref(null);
-const selectionOptions = { type: "Multiple", mode: "Cell" };
+const selectionOptions = { allowColumnSelection: true, type: "Multiple", mode: "Cell" };
 const selectColumns = function (columns) {
   grid.value.ej2Instances.selectionModule.clearColumnSelection();
   grid.value.ej2Instances.selectionModule.selectColumns(columns);

ej2-vue/code-snippet/grid/select/selection-column-range/app-composition.vue

@@ -37,10 +37,10 @@ import { ref } from 'vue';
 const textbox = ref(null);
 const textbox1 = ref(null);
 const grid = ref(null);
-const selectionOptions = { type: 'Multiple', mode: 'Cell' };
+const selectionOptions = { allowColumnSelection: true, type: 'Multiple', mode: 'Cell' };
 const onClick = function () {
-  const startIndex = parseInt(textbox.$el.value, 10);
-  const endIndex = parseInt(textbox1.$el.value, 10);
+  const startIndex = parseInt(textbox.value.ej2Instances.value, 10);
+  const endIndex = parseInt(textbox1.value.ej2Instances.value, 10);
   grid.value.ej2Instances.selectionModule.selectColumnsByRange(startIndex, endIndex);
 };
 </script>