Integrated latest changes at 10-31-2025 1:30:24 PM

Author: SyncfusionBuild

ej2-javascript/code-snippet/grid/filter-menu-cs1/index.js

@@ -1,4 +1,6 @@
 ej.grids.Grid.Inject(ej.grids.Filter);
+
+var filterParams = { params: { format: 'M/d/y HH:mm', } };
 var grid = new ej.grids.Grid({
     dataSource: data,
     allowPaging: true,
@@ -8,8 +10,8 @@ var grid = new ej.grids.Grid({
     filterSettings: { type: 'Menu' },
     columns: [
         { field: 'OrderID', headerText: 'Order ID', width: 120, textAlign: 'Right' },
-        { field: 'OrderDate', headerText: 'Order Date', width: 180, type: 'datetime', format: 'M/d/y HH:mm', textAlign: 'Right' },
-        { field: 'ShippedDate', headerText: 'Shipped Date', width: 180, type: 'datetime', format: 'M/d/y HH:mm', textAlign: 'Right' },
+        { field: 'OrderDate', headerText: 'Order Date', width: 180, type: 'datetime', format: 'M/d/y HH:mm',filter: filterParams, textAlign: 'Right' },
+        { field: 'ShippedDate', headerText: 'Shipped Date', width: 180, type: 'datetime', format: 'M/d/y HH:mm',filter: filterParams, textAlign: 'Right' },
         { field: 'ShipCountry', headerText: 'Ship Country', width: 150 }
     ],
     actionComplete: actionComplete

ej2-javascript/code-snippet/grid/filter-menu-cs1/index.ts

@@ -3,6 +3,7 @@ import { data } from './datasource.ts';
 
 Grid.Inject(Filter, Page);
 
+let filterParams = { params: { format: 'M/d/y HH:mm' } };
 let grid: Grid = new Grid({
     dataSource: data,
     allowPaging: true,
@@ -12,8 +13,8 @@ let grid: Grid = new Grid({
     filterSettings: { type: 'Menu' },
     columns: [
         { field: 'OrderID', headerText: 'Order ID', width: 120, textAlign: 'Right' },
-        { field: 'OrderDate', headerText: 'Order Date', width: 180, type: 'datetime', format: 'M/d/y HH:mm', textAlign: 'Right' },
-        { field: 'ShippedDate', headerText: 'Shipped Date', width: 180, type: 'datetime', format: 'M/d/y HH:mm', textAlign: 'Right' },
+        { field: 'OrderDate', headerText: 'Order Date', width: 180, type: 'datetime', format: 'M/d/y HH:mm',filter: filterParams, textAlign: 'Right' },
+        { field: 'ShippedDate', headerText: 'Shipped Date', width: 180, type: 'datetime', format: 'M/d/y HH:mm',filter: filterParams, textAlign: 'Right' },
         { field: 'ShipCountry', headerText: 'Ship Country', width: 150 }
     ],
     actionComplete: actionComplete

ej2-javascript/code-snippet/grid/grid-cs39/index.js

@@ -23,7 +23,8 @@ function queryCellInfo(args) {
       checked: args.data.Verified,
       change: function (changeArgs) {
         args.data.Verified = changeArgs.checked;
-        grid.updateRow(args.data.OrderID, args.data);
+        var rowIndex = grid.getRowIndexByPrimaryKey(args.data.OrderID);
+        grid.updateRow(rowIndex, args.data);
       },  
     });
     checkbox.appendTo(args.cell.querySelector('input'));

ej2-javascript/code-snippet/grid/grid-cs39/index.ts

@@ -27,7 +27,8 @@ function queryCellInfo(args: QueryCellInfoEventArgs) {
             checked: (args.data as any).Verified,
             change: function (changeArgs: ChangeEventArgs) {
                 (args.data as any).Verified = changeArgs.checked;
-                grid.updateRow((args.data as any).OrderID, args.data);
+                let rowIndex = grid.getRowIndexByPrimaryKey(args.data.OrderID);
+                grid.updateRow(rowIndex, args.data);
             }, 
         });
         checkbox.appendTo(args.cell.querySelector('input'));

ej2-javascript/code-snippet/grid/resize-grid-dimension-cs1/index.js

@@ -13,7 +13,7 @@ grid.appendTo('#Grid');
 var widthsize = new ej.inputs.NumericTextBox({
   min : 400,
   max : 650,
-  placeholder : 400,
+  placeholder : '400',
   step : 5,
   width : 120
 });
@@ -22,7 +22,7 @@ widthsize.appendTo('#WidthTextBox');
 var heightsize = new ej.inputs.NumericTextBox({
   min : 200,
   max : 650,
-  placeholder : 200,
+  placeholder : '200',
   step : 5,
   width : 120
 });

ej2-javascript/code-snippet/grid/resize-grid-dimension-cs1/index.ts

@@ -18,7 +18,7 @@ grid.appendTo('#Grid');
 let widthsize: NumericTextBox = new NumericTextBox({
     min : 400,
     max : 650,
-    placeholder : 400,
+    placeholder : '400',
     step : 5,
     width : 120
 });
@@ -27,7 +27,7 @@ widthsize.appendTo('#WidthTextBox');
 let heightsize: NumericTextBox = new NumericTextBox({
     min : 200,
     max : 650,
-    placeholder : 200,
+    placeholder : '200',
     step : 5,
     width : 120
 });