From 14522613c3c1b373d9a5373a7fc321e4ded27286 Mon Sep 17 00:00:00 2001 From: NithyaSivaprakasam <103498896+NithyaSivaprakasam@users.noreply.github.com> Date: Wed, 23 Jul 2025 15:47:09 +0530 Subject: [PATCH 1/4] 971532: Navigation link issue --- .../EJ2_ASP.NETCORE/editing/edit-types.md | 26 +++++++++---------- 1 file changed, 13 insertions(+), 13 deletions(-) diff --git a/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/editing/edit-types.md b/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/editing/edit-types.md index 4dceadcbf7..4493c5826b 100644 --- a/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/editing/edit-types.md +++ b/ej2-asp-core-mvc/grid/EJ2_ASP.NETCORE/editing/edit-types.md @@ -18,12 +18,12 @@ The available default edit types are as follows: Component|Edit Type value |Description ----|-----|----- -[TextBox](../../textbox)|stringedit | The `stringedit` type renders a TextBox component for string data type columns. -[NumericTextBox](../../numerictextbox)|numericedit | The `numericedit` type renders a NumericTextBox component for integers,double,float ,short ,byte ,long ,long double and decimal data types columns. -[DropDownList](../../drop-down-list)|dropdownedit | The `dropdownedit` type renders a DropdownList component for string data type columns. -[Checkbox](../../check-box)|booleanedit | The `booleanedit` type renders a CheckBox component for boolean data type columns. -[DatePicker](../../datepicker)|datepickeredit |The `datepickeredit` type renders a DatePicker component for date data type columns. -[DateTimePicker](../../datetimepicker)|datetimepickeredit | The `datetimepickeredit` type renders a DateTimePicker component for date time data type columns. +[TextBox](../../textbox/getting-started)|stringedit | The `stringedit` type renders a TextBox component for string data type columns. +[NumericTextBox](../../numerictextbox/getting-started)|numericedit | The `numericedit` type renders a NumericTextBox component for integers,double,float ,short ,byte ,long ,long double and decimal data types columns. +[DropDownList](../../drop-down-list/getting-started)|dropdownedit | The `dropdownedit` type renders a DropdownList component for string data type columns. +[Checkbox](../../check-box/getting-started)|booleanedit | The `booleanedit` type renders a CheckBox component for boolean data type columns. +[DatePicker](../../datepicker/getting-started)|datepickeredit |The `datepickeredit` type renders a DatePicker component for date data type columns. +[DateTimePicker](../../datetimepicker/getting-started)|datetimepickeredit | The `datetimepickeredit` type renders a DateTimePicker component for date time data type columns. The following example demonstrates how to define the `editType` for grid columns: @@ -44,7 +44,7 @@ You can customize the default TextBox component in Grid edit form using its prop Component|Edit Type |Description|Example Customized edit params -----|---|-----|-----| -[TextBox](../../textbox) |stringedit| The `stringedit` type renders a TextBox component for string data type columns. To customize the `TextBox` component, refer to the [TextBox API documentation](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.inputs.textbox.html#properties) for detailed information on available properties | params: { showClearButton : true} +[TextBox](../../textbox/getting-started) |stringedit| The `stringedit` type renders a TextBox component for string data type columns. To customize the `TextBox` component, refer to the [TextBox API documentation](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.inputs.textbox.html#properties) for detailed information on available properties | params: { showClearButton : true} The following sample code demonstrates the customization applied to TextBox component of **CustomerID** Grid column: @@ -65,7 +65,7 @@ You can customize the `NumericTextBox` component in Grid edit form using its pro Component| Edit Type |Description |Example Customized edit params -----|-----|-----|----| -[NumericTextBox](../../numerictextbox)|numericedit| TThe `numericedit` type renders a NumericTextBox component for integers, double, float, short, byte, long, long double and decimal data types columns. To customize the **NumericTextBox** component, refer to the [NumericTextBox API documentation](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.inputs.numerictextbox.html) for detailed information on available properties. | params: { decimals: 2, value: 5 } +[NumericTextBox](../../numerictextbox/getting-started)|numericedit| TThe `numericedit` type renders a NumericTextBox component for integers, double, float, short, byte, long, long double and decimal data types columns. To customize the **NumericTextBox** component, refer to the [NumericTextBox API documentation](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.inputs.numerictextbox.html) for detailed information on available properties. | params: { decimals: 2, value: 5 } The following sample code demonstrates the customization applied to NumericTextBox component of **Frieght** Grid column: @@ -107,7 +107,7 @@ You can customize the `DropDownList` component in Grid edit form using its prope Component|Edit Type |Description| Example Customized edit params -----|-----|-----|----| -[DropDownList](../../drop-down-list)|DropDownEdit| The `dropdownedit` type renders a DropDownList component for string data type columns. To customize the DropDownList component, refer to the [DropDownList API documentation](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.dropdowns.dropdownlist.html) for detailed information on available properties. | params: { value: ‘Germany’ } +[DropDownList](../../drop-down-list/getting-started)|DropDownEdit| The `dropdownedit` type renders a DropDownList component for string data type columns. To customize the DropDownList component, refer to the [DropDownList API documentation](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.dropdowns.dropdownlist.html) for detailed information on available properties. | params: { value: ‘Germany’ } The following sample code demonstrates the customization applied to DropDownList component of **ShipCity** Grid column: @@ -189,7 +189,7 @@ You can customize the CheckBox component in Grid edit form using its property. T Component| Edit Type |Description |Example Customized edit params -----|-----|-----|----| -[CheckBox](../../check-box)| booleanedit | The `booleanedit` type renders a **CheckBox** component for boolean data type. To customize the CheckBox component, refer to the [CheckBox API documentation](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.buttons.checkbox.html) for detailed information on available properties. | params: { checked: true} +[CheckBox](../../check-box/getting-started)| booleanedit | The `booleanedit` type renders a **CheckBox** component for boolean data type. To customize the CheckBox component, refer to the [CheckBox API documentation](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.buttons.checkbox.html) for detailed information on available properties. | params: { checked: true} The following sample code demonstrates the customization applied to CheckBox component of **Verified** Grid column: @@ -210,7 +210,7 @@ You can customize the DatePicker component in Grid edit form using its property. Component| Edit Type |Description|Example Customized edit params -----|-----|-----|----| -[DatePicker](../../datepicker)| datepickeredit | The `datepickeredit` type renders a **DatePicker** component for date data type columns. To customize the DatePicker component, refer to the [DatePicker API documentation](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.calendars.datepicker.html) for detailed information on available properties. | params: { format:'dd.MM.yyyy' } +[DatePicker](../../datepicker/getting-started)| datepickeredit | The `datepickeredit` type renders a **DatePicker** component for date data type columns. To customize the DatePicker component, refer to the [DatePicker API documentation](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.calendars.datepicker.html) for detailed information on available properties. | params: { format:'dd.MM.yyyy' } The following sample code demonstrates the customization applied to DatePicker component of **OrderDate** Grid column: @@ -227,7 +227,7 @@ The following sample code demonstrates the customization applied to DatePicker c ### Disable the date value prior to the selected date value in DatePicker -The Syncfusion ASP.NET Core Grid allows configuring the [DatePicker](../../datepicker) to dynamically set a minimum selectable date. This ensures that users can only select dates that fall after a specified minimum date, based on the data in each row. This feature is particularly useful for maintaining data consistency and preventing users from selecting inappropriate or illogical dates. +The Syncfusion ASP.NET Core Grid allows configuring the [DatePicker](../../datepicker/getting-started) to dynamically set a minimum selectable date. This ensures that users can only select dates that fall after a specified minimum date, based on the data in each row. This feature is particularly useful for maintaining data consistency and preventing users from selecting inappropriate or illogical dates. The following example demonstrates how to configure the `DatePicker` within the Grid using the **edit** parameters of a column. This setup dynamically restricts the selection of dates in the DatePicker’s calendar based on the data in the current row. @@ -248,7 +248,7 @@ You can customize the DateTimePicker component in Grid edit form using its prope Component|Edit Type |Description |Example Customized edit params -----|-----|-----|----| -[DateTimePicker](../../datetimepicker)| datetimepickeredit | The `datetimepickeredit` type renders a **DateTimePicker** component for date time data type columns. You can customize the DateTimePicker component, refer to the [DateTimePicker API documentation](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.calendars.datetimepicker.html) for detailed information on available properties. | params: { value: new Date() } +[DateTimePicker](../../datetimepicker/getting-started)| datetimepickeredit | The `datetimepickeredit` type renders a **DateTimePicker** component for date time data type columns. You can customize the DateTimePicker component, refer to the [DateTimePicker API documentation](https://help.syncfusion.com/cr/aspnetcore-js2/syncfusion.ej2.calendars.datetimepicker.html) for detailed information on available properties. | params: { value: new Date() } The following sample code demonstrates the customization applied to DatePicker component of **OrderDate** Grid column: From 348041737a3f4dfbf92ba8277bdaa57ede86d078 Mon Sep 17 00:00:00 2001 From: NithyaSivaprakasam <103498896+NithyaSivaprakasam@users.noreply.github.com> Date: Wed, 23 Jul 2025 16:08:25 +0530 Subject: [PATCH 2/4] Update edit-types.md --- .../grid/EJ2_ASP.MVC/editing/edit-types.md | 24 +++++++++---------- 1 file changed, 12 insertions(+), 12 deletions(-) diff --git a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/editing/edit-types.md b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/editing/edit-types.md index ad2d924d79..4c499b90b1 100644 --- a/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/editing/edit-types.md +++ b/ej2-asp-core-mvc/grid/EJ2_ASP.MVC/editing/edit-types.md @@ -18,12 +18,12 @@ The available default edit types are as follows: Component|Edit Type value |Description ----|-----|----- -[TextBox](../../textbox)|stringedit | The `stringedit` type renders a TextBox component for string data type columns. -[NumericTextBox](../../numerictextbox)|numericedit | The `numericedit` type renders a NumericTextBox component for integers,double,float ,short ,byte ,long ,long double and decimal data types columns. -[DropDownList](../../drop-down-list)|dropdownedit | The `dropdownedit` type renders a DropdownList component for string data type columns. -[Checkbox](../../check-box)|booleanedit | The `booleanedit` type renders a CheckBox component for boolean data type columns. -[DatePicker](../../datepicker)|datepickeredit |The `datepickeredit` type renders a DatePicker component for date data type columns. -[DateTimePicker](../../datetimepicker)|datetimepickeredit | The `datetimepickeredit` type renders a DateTimePicker component for date time data type columns. +[TextBox](../../textbox/getting-started)|stringedit | The `stringedit` type renders a TextBox component for string data type columns. +[NumericTextBox](../../numerictextbox/getting-started)|numericedit | The `numericedit` type renders a NumericTextBox component for integers,double,float ,short ,byte ,long ,long double and decimal data types columns. +[DropDownList](../../drop-down-list/getting-started)|dropdownedit | The `dropdownedit` type renders a DropdownList component for string data type columns. +[Checkbox](../../check-box/getting-started)|booleanedit | The `booleanedit` type renders a CheckBox component for boolean data type columns. +[DatePicker](../../datepicker/getting-started)|datepickeredit |The `datepickeredit` type renders a DatePicker component for date data type columns. +[DateTimePicker](../../datetimepicker/getting-started)|datetimepickeredit | The `datetimepickeredit` type renders a DateTimePicker component for date time data type columns. The following example demonstrates how to define the `EditType` for grid columns: @@ -44,7 +44,7 @@ You can customize the default TextBox component in Grid edit form using its prop Component|Edit Type |Description|Example Customized edit params -----|---|-----|-----| -[TextBox](../../textbox) |stringedit| The `stringedit` type renders a TextBox component for string data type columns. To customize the `TextBox` component, refer to the [TextBox API documentation](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.inputs.textbox.html#properties) for detailed information on available properties | params: { showClearButton : true} +[TextBox](../../textbox/getting-started) |stringedit| The `stringedit` type renders a TextBox component for string data type columns. To customize the `TextBox` component, refer to the [TextBox API documentation](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.inputs.textbox.html#properties) for detailed information on available properties | params: { showClearButton : true} The following sample code demonstrates the customization applied to TextBox component of **CustomerID** Grid column: @@ -65,7 +65,7 @@ You can customize the `NumericTextBox` component in Grid edit form using its pro Component| Edit Type |Description |Example Customized edit params -----|-----|-----|----| -[NumericTextBox](../../numerictextbox)|numericedit| TThe `numericedit` type renders a NumericTextBox component for integers, double, float, short, byte, long, long double and decimal data types columns. To customize the **NumericTextBox** component, refer to the [NumericTextBox API documentation](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.inputs.numerictextbox.html) for detailed information on available properties. | params: { decimals: 2, value: 5 } +[NumericTextBox](../../numerictextbox/getting-started)|numericedit| TThe `numericedit` type renders a NumericTextBox component for integers, double, float, short, byte, long, long double and decimal data types columns. To customize the **NumericTextBox** component, refer to the [NumericTextBox API documentation](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.inputs.numerictextbox.html) for detailed information on available properties. | params: { decimals: 2, value: 5 } The following sample code demonstrates the customization applied to NumericTextBox component of **Frieght** Grid column: @@ -107,7 +107,7 @@ You can customize the `DropDownList` component in Grid edit form using its prope Component|Edit Type |Description| Example Customized edit params -----|-----|-----|----| -[DropDownList](../../drop-down-list)-|DropDownEdit| The `dropdownedit` type renders a DropDownList component for string data type columns. To customize the DropDownList component, refer to the [DropDownList API documentation](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.dropdowns.dropdownlist.html) for detailed information on available properties. | params: { value: ‘Germany’ } +[DropDownList](../../drop-down-list/getting-started)-|DropDownEdit| The `dropdownedit` type renders a DropDownList component for string data type columns. To customize the DropDownList component, refer to the [DropDownList API documentation](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.dropdowns.dropdownlist.html) for detailed information on available properties. | params: { value: ‘Germany’ } The following sample code demonstrates the customization applied to DropDownList component of **ShipCity** Grid column: @@ -189,7 +189,7 @@ You can customize the CheckBox component in Grid edit form using its property. T Component| Edit Type |Description |Example Customized edit params -----|-----|-----|----| -[CheckBox](../../check-box)| booleanedit | The `booleanedit` type renders a **CheckBox** component for boolean data type. To customize the CheckBox component, refer to the [CheckBox API documentation](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.buttons.checkbox.html) for detailed information on available properties. | params: { checked: true} +[CheckBox](../../check-box/getting-started)| booleanedit | The `booleanedit` type renders a **CheckBox** component for boolean data type. To customize the CheckBox component, refer to the [CheckBox API documentation](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.buttons.checkbox.html) for detailed information on available properties. | params: { checked: true} The following sample code demonstrates the customization applied to CheckBox component of **Verified** Grid column: @@ -210,7 +210,7 @@ You can customize the DatePicker component in Grid edit form using its property. Component| Edit Type |Description|Example Customized edit params -----|-----|-----|----| -[DatePicker](../../datepicker)| datepickeredit | The `datepickeredit` type renders a **DatePicker** component for date data type columns. To customize the DatePicker component, refer to the [DatePicker API documentation](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.calendars.datepicker.html) for detailed information on available properties. | params: { format:'dd.MM.yyyy' } +[DatePicker](../../datepicker/getting-started)| datepickeredit | The `datepickeredit` type renders a **DatePicker** component for date data type columns. To customize the DatePicker component, refer to the [DatePicker API documentation](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.calendars.datepicker.html) for detailed information on available properties. | params: { format:'dd.MM.yyyy' } The following sample code demonstrates the customization applied to DatePicker component of **OrderDate** Grid column: @@ -248,7 +248,7 @@ You can customize the DateTimePicker component in Grid edit form using its prope Component|Edit Type |Description |Example Customized edit params -----|-----|-----|----| -[DateTimePicker](../../datetimepicker)| datetimepickeredit | The `datetimepickeredit` type renders a **DateTimePicker** component for date time data type columns. You can customize the DateTimePicker component, refer to the [DateTimePicker API documentation](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.calendars.datetimepicker.html) for detailed information on available properties. | params: { value: new Date() } +[DateTimePicker](../../datetimepicker/getting-started)| datetimepickeredit | The `datetimepickeredit` type renders a **DateTimePicker** component for date time data type columns. You can customize the DateTimePicker component, refer to the [DateTimePicker API documentation](https://help.syncfusion.com/cr/aspnetmvc-js2/syncfusion.ej2.calendars.datetimepicker.html) for detailed information on available properties. | params: { value: new Date() } The following sample code demonstrates the customization applied to DatePicker component of **OrderDate** Grid column: From 00782a0ee51086c21a8f16132a1807f407c2b525 Mon Sep 17 00:00:00 2001 From: NithyaSivaprakasam <103498896+NithyaSivaprakasam@users.noreply.github.com> Date: Wed, 23 Jul 2025 16:10:31 +0530 Subject: [PATCH 3/4] Update razor --- .../code-snippet/grid/search/search-multiple-keywords/razor | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/ej2-asp-core-mvc/code-snippet/grid/search/search-multiple-keywords/razor b/ej2-asp-core-mvc/code-snippet/grid/search/search-multiple-keywords/razor index 8498a51172..8e277e33b6 100644 --- a/ej2-asp-core-mvc/code-snippet/grid/search/search-multiple-keywords/razor +++ b/ej2-asp-core-mvc/code-snippet/grid/search/search-multiple-keywords/razor @@ -56,10 +56,10 @@ document.getElementById(grid.element.id + '_searchbar').addEventListener('keyup', (args) => { if (args.target.value === '' && (args.key === 'Enter' || args.key === 'Backspace')) { grid.query = new ej.data.Query(); - removeQuery = false; + this.removeQuery = false; grid.refresh(); } }); } } - \ No newline at end of file + From 7d6c5be55b929ed4af07dd29184dd42b196d64d8 Mon Sep 17 00:00:00 2001 From: NithyaSivaprakasam <103498896+NithyaSivaprakasam@users.noreply.github.com> Date: Wed, 23 Jul 2025 16:10:52 +0530 Subject: [PATCH 4/4] Update tagHelper --- .../grid/search/search-multiple-keywords/tagHelper | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/ej2-asp-core-mvc/code-snippet/grid/search/search-multiple-keywords/tagHelper b/ej2-asp-core-mvc/code-snippet/grid/search/search-multiple-keywords/tagHelper index 3802f2acf9..e2292dda77 100644 --- a/ej2-asp-core-mvc/code-snippet/grid/search/search-multiple-keywords/tagHelper +++ b/ej2-asp-core-mvc/code-snippet/grid/search/search-multiple-keywords/tagHelper @@ -58,10 +58,10 @@ document.getElementById(grid.element.id + '_searchbar').addEventListener('keyup', (args) => { if (args.target.value === '' && (args.key === 'Enter' || args.key === 'Backspace')) { grid.query = new ej.data.Query(); - removeQuery = false; + this.removeQuery = false; grid.refresh(); } }); } } - \ No newline at end of file +