Skip to content

Commit d374262

Browse files
Merge pull request #536 from Syncfusion-Content/hotfix/hotfix-v29.1.33
DOCINFRA-2341_merged_using_automation
2 parents 100f71e + 0745a46 commit d374262

File tree

5 files changed

+51
-51
lines changed

5 files changed

+51
-51
lines changed

ej2-javascript/grid/columns/frozen-column.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -187,7 +187,7 @@ The following example demonstrates how to change the default frozen line color u
187187
{% previewsample "page.domainurl/code-snippet/grid/frozen-columns-cs4" %}
188188
{% endif %}
189189

190-
## Render DatePicker in frozen columns in ##Platform_Name## Grid
190+
## Render DatePicker in frozen columns in Grid
191191

192192
The Syncfusion<sup style="font-size:70%">&reg;</sup> ##Platform_Name## Grid allows rendering a [DatePicker](https://ej2.syncfusion.com/demos/#/bootstrap5/datepicker/default) inside frozen columns during editing. This is achieved using the [edit](https://ej2.syncfusion.com/documentation/api/grid/column/#edit) property, where a custom editor (DatePicker) is assigned to the specific column.
193193

ej2-javascript/grid/connecting-to-database/postgresql-server.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1539,11 +1539,11 @@ When you run the application, the resultant Grid will look like this
15391539

15401540
{% if page.publishingplatform == "typescript" %}
15411541

1542-
Please find the sample in this [GitHub location](https://github.com/SyncfusionExamples/connecting-databases-typescript-grid/tree/master/Binding%20PostgreSQL%20database%20using%20UrlAdaptor).
1542+
> Please find the sample in this [GitHub location](https://github.com/SyncfusionExamples/connecting-databases-typescript-grid/tree/master/Binding%20PostgreSQL%20database%20using%20UrlAdaptor).
15431543
15441544
{% elsif page.publishingplatform == "javascript" %}
15451545

1546-
Please find the sample in this [GitHub location](https://github.com/SyncfusionExamples/connecting-databases-javascript-grid/tree/master/Binding%20PostgreSQL%20database%20using%20UrlAdaptor).
1546+
> Please find the sample in this [GitHub location](https://github.com/SyncfusionExamples/connecting-databases-javascript-grid/tree/master/Binding%20PostgreSQL%20database%20using%20UrlAdaptor).
15471547
15481548
{% endif %}
15491549

@@ -2880,10 +2880,10 @@ public class CRUDModel<T> where T : class
28802880

28812881
{% if page.publishingplatform == "typescript" %}
28822882

2883-
Please find the sample in this [GitHub location](https://github.com/SyncfusionExamples/connecting-databases-typescript-grid/tree/master/Binding%20PostgreSQL%20database%20using%20CustomAdaptor).
2883+
> Please find the sample in this [GitHub location](https://github.com/SyncfusionExamples/connecting-databases-typescript-grid/tree/master/Binding%20PostgreSQL%20database%20using%20CustomAdaptor).
28842884
28852885
{% elsif page.publishingplatform == "javascript" %}
28862886

2887-
Please find the sample in this [GitHub location](https://github.com/SyncfusionExamples/connecting-databases-javascript-grid/tree/master/Binding%20PostgreSQL%20database%20using%20CustomAdaptor).
2887+
> Please find the sample in this [GitHub location](https://github.com/SyncfusionExamples/connecting-databases-javascript-grid/tree/master/Binding%20PostgreSQL%20database%20using%20CustomAdaptor).
28882888
28892889
{% endif %}

ej2-javascript/grid/connecting-to-database/sqlite-server.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -1516,11 +1516,11 @@ When you run the application, the resultant Grid will look like this
15161516

15171517
{% if page.publishingplatform == "typescript" %}
15181518

1519-
Please find the sample in this [GitHub location](https://github.com/SyncfusionExamples/connecting-databases-typescript-grid/tree/master/Binding%20SQLite%20using%20UrlAdaptor).
1519+
> Please find the sample in this [GitHub location](https://github.com/SyncfusionExamples/connecting-databases-typescript-grid/tree/master/Binding%20SQLite%20using%20UrlAdaptor).
15201520
15211521
{% elsif page.publishingplatform == "javascript" %}
15221522

1523-
Please find the sample in this [GitHub location](https://github.com/SyncfusionExamples/connecting-databases-javascript-grid/tree/master/Binding%20SQLite%20using%20UrlAdaptor).
1523+
> Please find the sample in this [GitHub location](https://github.com/SyncfusionExamples/connecting-databases-javascript-grid/tree/master/Binding%20SQLite%20using%20UrlAdaptor).
15241524
15251525
{% endif %}
15261526

@@ -2854,10 +2854,10 @@ public class CRUDModel<T> where T : class
28542854

28552855
{% if page.publishingplatform == "typescript" %}
28562856

2857-
Please find the sample in this [GitHub location](https://github.com/SyncfusionExamples/connecting-databases-typescript-grid/tree/master/Binding%20SQLite%20using%20CustomAdaptor).
2857+
> Please find the sample in this [GitHub location](https://github.com/SyncfusionExamples/connecting-databases-typescript-grid/tree/master/Binding%20SQLite%20using%20CustomAdaptor).
28582858
28592859
{% elsif page.publishingplatform == "javascript" %}
28602860

2861-
Please find the sample in this [GitHub location](https://github.com/SyncfusionExamples/connecting-databases-javascript-grid/tree/master/Binding%20SQLite%20using%20CustomAdaptor).
2861+
> Please find the sample in this [GitHub location](https://github.com/SyncfusionExamples/connecting-databases-javascript-grid/tree/master/Binding%20SQLite%20using%20CustomAdaptor).
28622862
28632863
{% endif %}

ej2-javascript/grid/editing/edit.md

Lines changed: 0 additions & 41 deletions
Original file line numberDiff line numberDiff line change
@@ -331,47 +331,6 @@ In the following code example, the Employee Name is a foreign key column. When e
331331
{% previewsample "page.domainurl/code-snippet/grid/edit-foreignKey-column" %}
332332
{% endif %}
333333

334-
## Prevent adding duplicate rows in Syncfusion<sup style="font-size:70%">&reg;</sup> ##Platform_Name## Grid with custom validation
335-
336-
The Syncfusion<sup style="font-size:70%">&reg;</sup> ##Platform_Name## Grid allows you to enforce constraints to prevent duplicate rows by customizing the validation logic within the Grid setup. This ensures data integrity by restricting duplicate entries in the **OrderID** column.
337-
338-
To prevent adding duplicate rows in the Grid, follow these steps:
339-
340-
1. Implement Custom Validation: Define the `orderIdCustomValidation` function to check whether the entered **OrderID** already exists in the [dataSource](../../api/grid/#datasource). This allows editing an existing row without triggering a duplicate error.
341-
342-
2. Add Dynamic Validation Rules: Create the `orderIDRules` object to enforce unique **OrderID** values. Dynamically add this rule to the form during the **save** action.
343-
344-
3. Handle Validation in the [actionBegin](../../api/grid/#actionbegin) event: In the `actionBegin` event, check if the **requestType** is **save**. Apply the validation rule before saving and cancel the action `args.cancel = true` if the validation fails.
345-
346-
For server-side validation to prevent adding duplicate rows, you can refer to the detailed guidance provided in our [knowledge base](https://support.syncfusion.com/kb/article/11608/how-to-do-server-side-validation-for-grid-in-asp-net-mvc-application). If you want to display the Grid's validation tooltip instead of the alert used in our knowledge base, you can call the `grid.editModule.formObj.validate()` method in the `Ajax/Fetch` success function to display the Grid's tooltip validation for the server side.
347-
348-
{% if page.publishingplatform == "typescript" %}
349-
350-
{% tabs %}
351-
{% highlight ts tabtitle="index.ts" %}
352-
{% include code-snippet/grid/add-prevent-duplicate-cs1/index.ts %}
353-
{% endhighlight %}
354-
{% highlight html tabtitle="index.html" %}
355-
{% include code-snippet/grid/add-prevent-duplicate-cs1/index.html %}
356-
{% endhighlight %}
357-
{% endtabs %}
358-
359-
{% previewsample "page.domainurl/code-snippet/grid/add-prevent-duplicate-cs1" %}
360-
361-
{% elsif page.publishingplatform == "javascript" %}
362-
363-
{% tabs %}
364-
{% highlight js tabtitle="index.js" %}
365-
{% include code-snippet/grid/add-prevent-duplicate-cs1/index.js %}
366-
{% endhighlight %}
367-
{% highlight html tabtitle="index.html" %}
368-
{% include code-snippet/grid/add-prevent-duplicate-cs1/index.html %}
369-
{% endhighlight %}
370-
{% endtabs %}
371-
372-
{% previewsample "page.domainurl/code-snippet/grid/add-prevent-duplicate-cs1" %}
373-
{% endif %}
374-
375334
## How to perform CRUD action externally
376335

377336
Performing CRUD (Create, Read, Update, Delete) actions externally in the Syncfusion<sup style="font-size:70%">&reg;</sup> Grid allows you to manipulate grid data outside the grid itself. This can be useful in scenarios where you want to manage data operations programmatically.

ej2-javascript/grid/editing/validation.md

Lines changed: 42 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -881,4 +881,45 @@ namespace UrlAdaptor.Models
881881

882882
The following screenshot illustrates how to retrieve and display error messages when CRUD operations fail:
883883

884-
![custom error message](../../grid/images/custom-error-message.png)
884+
![custom error message](../../grid/images/custom-error-message.png)
885+
886+
## Prevent adding duplicate rows with custom validation
887+
888+
The Syncfusion ##Platform_Name## Grid allows you to enforce constraints to prevent duplicate rows by customizing the validation logic within the Grid setup. This ensures data integrity by restricting duplicate entries in the **OrderID** column.
889+
890+
To prevent adding duplicate rows in the Grid, follow these steps:
891+
892+
1. Implement Custom Validation: Define the `orderIdCustomValidation` function to check whether the entered **OrderID** already exists in the [dataSource](../../api/grid/#datasource). This allows editing an existing row without triggering a duplicate error.
893+
894+
2. Add Dynamic Validation Rules: Create the `orderIDRules` object to enforce unique **OrderID** values. Dynamically add this rule to the form during the **save** action.
895+
896+
3. Handle Validation in the [actionBegin](../../api/grid/#actionbegin) event: In the `actionBegin` event, check if the **requestType** is **save**. Apply the validation rule before saving and cancel the action `args.cancel = true` if the validation fails.
897+
898+
For server-side validation to prevent adding duplicate rows, you can refer to the detailed guidance provided in our [knowledge base](https://support.syncfusion.com/kb/article/11608/how-to-do-server-side-validation-for-grid-in-asp-net-mvc-application). If you want to display the Grid's validation tooltip instead of the alert used in our knowledge base, you can call the `grid.editModule.formObj.validate()` method in the `Ajax/Fetch` success function to display the Grid's tooltip validation for the server side.
899+
900+
{% if page.publishingplatform == "typescript" %}
901+
902+
{% tabs %}
903+
{% highlight ts tabtitle="index.ts" %}
904+
{% include code-snippet/grid/add-prevent-duplicate-cs1/index.ts %}
905+
{% endhighlight %}
906+
{% highlight html tabtitle="index.html" %}
907+
{% include code-snippet/grid/add-prevent-duplicate-cs1/index.html %}
908+
{% endhighlight %}
909+
{% endtabs %}
910+
911+
{% previewsample "page.domainurl/code-snippet/grid/add-prevent-duplicate-cs1" %}
912+
913+
{% elsif page.publishingplatform == "javascript" %}
914+
915+
{% tabs %}
916+
{% highlight js tabtitle="index.js" %}
917+
{% include code-snippet/grid/add-prevent-duplicate-cs1/index.js %}
918+
{% endhighlight %}
919+
{% highlight html tabtitle="index.html" %}
920+
{% include code-snippet/grid/add-prevent-duplicate-cs1/index.html %}
921+
{% endhighlight %}
922+
{% endtabs %}
923+
924+
{% previewsample "page.domainurl/code-snippet/grid/add-prevent-duplicate-cs1" %}
925+
{% endif %}

0 commit comments

Comments
 (0)