Skip to content

Commit 0e38593

Browse files
farveensulthanafarveensulthana
authored
Merge pull request #4030 from syncfusion-content/947132-image-issue
947132: Image path issue in live
2 parents 93fbb79 + 8efd16c commit 0e38593

File tree

5 files changed

+61
-61
lines changed

5 files changed

+61
-61
lines changed

‎ej2-asp-core-mvc/grid/EJ2_ASP.MVC/Connecting-to-adaptors/odatav4-adaptor.md

Lines changed: 9 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -331,7 +331,7 @@ config.Count().Filter(); // Handles searching operation.
331331
{% endhighlight %}
332332
{% endtabs %}
333333

334-
![Searching query](../../images/adaptors/odatav4-adaptor-searching.png)
334+
![Searching query](../images/adaptors/odatav4-adaptor-searching.png)
335335

336336
## Handling Filtering Operation
337337

@@ -365,9 +365,9 @@ config.Count().Filter(); // Handles filtering operation.
365365
{% endtabs %}
366366

367367
**Single column filtering**
368-
![Filtering query](../../images/adaptors/odatav4-adaptor-filtering.png)
368+
![Filtering query](../images/adaptors/odatav4-adaptor-filtering.png)
369369
**Multi column filtering**
370-
![Filtering query](../../images/adaptors/odatav4-adaptor-multi-column-filtering.png)
370+
![Filtering query](../images/adaptors/odatav4-adaptor-multi-column-filtering.png)
371371

372372
## Handling Sorting Operation
373373

@@ -401,10 +401,10 @@ config.Count().OrderBy(); // Handles sorting operation.
401401
{% endtabs %}
402402

403403
**Single column sorting**
404-
![Single column sorting query](../../images/adaptors/odatav4-adaptor-sorting.png)
404+
![Single column sorting query](../images/adaptors/odatav4-adaptor-sorting.png)
405405

406406
**Multi column sorting**
407-
![Multi column sorting query](../../images/adaptors/odatav4-adaptor-multi-column-sorting.png)
407+
![Multi column sorting query](../images/adaptors/odatav4-adaptor-multi-column-sorting.png)
408408

409409
## Handling Paging Operation
410410

@@ -438,7 +438,7 @@ config.Count().MaxTop(recordCount); // Handles paging operation.
438438
{% endhighlight %}
439439
{% endtabs %}
440440

441-
![paging query](../../images/adaptors/odatav4-adaptor-paging.png)
441+
![paging query](../images/adaptors/odatav4-adaptor-paging.png)
442442

443443
## Handling CRUD Operations
444444

@@ -485,7 +485,7 @@ To insert a new record into your Syncfusion Grid, you can utilize the `HttpPost`
485485
}
486486
```
487487

488-
![Update record](../../images/adaptors/odatav4-adaptor-insert-record.png)
488+
![Update record](../images/adaptors/odatav4-adaptor-insert-record.png)
489489

490490
**Update Operation:**
491491

@@ -515,7 +515,7 @@ public IHttpActionResult Patch(int key, OrdersDetails updateRecord)
515515
return Ok(existingOrder);
516516
}
517517
```
518-
![Update record](../../images/adaptors/odatav4-adaptor-update-record.png)
518+
![Update record](../images/adaptors/odatav4-adaptor-update-record.png)
519519

520520
**Delete Operation**
521521

@@ -538,7 +538,7 @@ public IHttpActionResult Delete(int key)
538538
}
539539
```
540540

541-
![Delete Record](../../images/adaptors/odatav4-adaptor-delete-record.png)
541+
![Delete Record](../images/adaptors/odatav4-adaptor-delete-record.png)
542542

543543
## Odata with custom url
544544

‎ej2-asp-core-mvc/grid/EJ2_ASP.MVC/Connecting-to-adaptors/web-api-adaptor.md

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -171,7 +171,7 @@ Run the application in Visual Studio. It will be accessible on a URL like **http
171171

172172
After running the application, you can verify that the server-side API controller is successfully returning the order data in the URL(https://localhost:xxxx/api/Orders). Here **xxxx** denotes the port number.
173173

174-
![WebApiAdaptor-data](../../images/adaptors/webapi-adaptor-data.png)
174+
![WebApiAdaptor-data](../images/adaptors/webapi-adaptor-data.png)
175175

176176
## Connecting Syncfusion ASP.NET MVC Grid to an API service
177177

@@ -279,7 +279,7 @@ Run the project in Visual Studio, and the Syncfusion ASP.NET MVC Grid will succe
279279

280280
To handle search operation, implement search logic on the server side according to the received OData-formatted query.
281281

282-
![Searching query](../../images/adaptors/webapiadaptor-searching.png)
282+
![Searching query](../images/adaptors/webapiadaptor-searching.png)
283283

284284
{% tabs %}
285285
{% highlight cs tabtitle="OrdersController.cs" %}
@@ -338,7 +338,7 @@ public object Get()
338338

339339
To handle filter operations, ensure that your Web API endpoint supports filtering based on OData-formatted queries. Implement the filtering logic on the server-side as shown in the provided code snippet.
340340

341-
![Filtering query](../../images/adaptors/webapiadaptor-filtering.png)
341+
![Filtering query](../images/adaptors/webapiadaptor-filtering.png)
342342

343343
{% tabs %}
344344
{% highlight cs tabtitle="OrdersController.cs" %}
@@ -415,10 +415,10 @@ public object Get()
415415
To handle sorting action, implement sorting logic on the server-side according to the received OData-formatted query.
416416

417417
**Ascending Sorting**
418-
![Sorting Ascending query](../../images/adaptors/webapiadaptor-sorting-asc.png)
418+
![Sorting Ascending query](../images/adaptors/webapiadaptor-sorting-asc.png)
419419

420420
**Descending Sorting**
421-
![Sorting Descending query](../../images/adaptors/webapiadaptor-sorting-desc.png)
421+
![Sorting Descending query](../images/adaptors/webapiadaptor-sorting-desc.png)
422422

423423
{% tabs %}
424424
{% highlight cs tabtitle="OrdersController.cs" %}
@@ -476,7 +476,7 @@ public object Get()
476476

477477
Implement paging logic on the server-side according to the received OData-formatted query. Ensure that the endpoint supports paging based on the specified criteria.
478478

479-
![paging query](../../images/adaptors/webapiadaptor-paging.png)
479+
![paging query](../images/adaptors/webapiadaptor-paging.png)
480480

481481
{% tabs %}
482482
{% highlight cs tabtitle="OrdersController.cs" %}
@@ -533,7 +533,7 @@ To enable CRUD operations in the Syncfusion Grid within an ASP.NET MVC applicati
533533

534534
To insert a new record into your Syncfusion Grid, you can utilize the `HttpPost` method in your server application. Below is a sample implementation of inserting a record using the **OrdersController**:
535535

536-
![WebApiAdaptor-Insert-record](../../images/adaptors/webapiadaptor-insert-record.png)
536+
![WebApiAdaptor-Insert-record](../images/adaptors/webapiadaptor-insert-record.png)
537537

538538
```cs
539539
// POST: api/Orders
@@ -554,7 +554,7 @@ public void Post(OrdersDetails newRecord)
554554

555555
Updating a record in the Syncfusion Grid can be achieved by utilizing the `HttpPut` method in your controller. Here's a sample implementation of updating a record:
556556

557-
![WebApiAdaptor-Update-record](../../images/adaptors/webapiadaptor-update-record.png)
557+
![WebApiAdaptor-Update-record](../images/adaptors/webapiadaptor-update-record.png)
558558

559559
```cs
560560
// PUT: api/Orders/5
@@ -583,7 +583,7 @@ public void Put(int id, OrdersDetails updatedOrder)
583583

584584
To delete a record from your Syncfusion Grid, you can utilize the `HttpDelete` method in your controller. Below is a sample implementation:
585585

586-
![WebApiAdaptor-Delete-record](../../images/adaptors/webapiadaptor-delete-record.png)
586+
![WebApiAdaptor-Delete-record](../images/adaptors/webapiadaptor-delete-record.png)
587587

588588
```cs
589589
// DELETE: api/5
@@ -605,4 +605,4 @@ public void Delete(int key)
605605
}
606606
```
607607

608-
![WebApiAdaptor CRUD operations](../../images/adaptors/adaptor-crud-operation.gif)
608+
![WebApiAdaptor CRUD operations](../images/adaptors/adaptor-crud-operation.gif)

‎ej2-asp-core-mvc/grid/EJ2_ASP.MVC/Connecting-to-adaptors/web-method-adaptor.md

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ domainurl: ##DomainURL##
1414

1515
The `WebMethodAdaptor` in Syncfusion ASP.NET MVC Grid enables seamless data binding from remote services using web methods. This powerful feature enables efficient communication between the client-side application and the server. Similar to the **URLAdaptor**, the **WebMethodAdaptor** sends query parameters encapsulated within an object named **value**. This **value** object includes various **DataManager** properties such as **requiresCounts**, **skip**, **take**, **sorted**, and **where** queries are included.
1616

17-
![Webmethod Adaptor](../../images/adaptors/web-method-adaptor-value.png)
17+
![Webmethod Adaptor](../images/adaptors/web-method-adaptor-value.png)
1818

1919
This section provides a step-by-step guide to retrieving data using `WebMethodAdaptor`, binding it to the ASP.NET MVC Grid, and managing CRUD operations effectively.
2020

@@ -179,7 +179,7 @@ Run the application in Visual Studio. It will be accessible via a URL like **htt
179179

180180
After running the application, you can verify that the server-side API controller is successfully returning the order data at the URL(https://localhost:xxxx/api/Grid). Here **xxxx** denotes the port number.
181181

182-
![WebMethodAdaptor-data](../../images/adaptors/url-adaptor-data.jpeg)
182+
![WebMethodAdaptor-data](../images/adaptors/url-adaptor-data.jpeg)
183183

184184
## Connecting Syncfusion ASP.NET MVC Grid to an API Service
185185

@@ -281,7 +281,7 @@ Now, add the Syncfusion ASP.NET MVC Grid in `~/Views/Home/Index.cshtml` file.
281281

282282
Run the project in Visual Studio, and the Syncfusion ASP.NET MVC Grid will successfully fetch data from the API service.
283283

284-
![WebMethodAdaptor](../../images/adaptors/adaptor.gif)
284+
![WebMethodAdaptor](../images/adaptors/adaptor.gif)
285285

286286
> * The Syncfusion Grid provides built-in support for handling various data operations such as searching, sorting, filtering, aggregate and paging on the server-side. These operations can be handled using methods such as `PerformSearching`, `PerformFiltering`, `PerformSorting`, `PerformTake` and `PerformSkip` available in the `Syncfusion.EJ2.MVC5` package. Let’s explore how to manage these data operations using the `WebMethodAdaptor`.
287287
> * In an API service project, add `Syncfusion.EJ2.MVC5 ` by opening the NuGet package manager in Visual Studio (Tools → NuGet Package Manager → Manage NuGet Packages for Solution), search and install it.
@@ -300,7 +300,7 @@ Run the project in Visual Studio, and the Syncfusion ASP.NET MVC Grid will succe
300300

301301
To enable search functionality, ensure that your API endpoint supports custom searching criteria. Implement the searching logic on the server-side using the `PerformSearching` method from the `QueryableOperation` class. This allows the custom data source to undergo searching based on the criteria specified in the incoming `DataManagerRequest` object.
302302

303-
![WebMethodAdaptor searching](../../images/adaptors/web-method-adaptor-searching.png)
303+
![WebMethodAdaptor searching](../images/adaptors/web-method-adaptor-searching.png)
304304

305305
{% tabs %}
306306
{% highlight cs tabtitle="GridController.cs" %}
@@ -351,10 +351,10 @@ public class DataManager
351351
To handle filtering operation, configure your API endpoint to support filter criteria. Implement the filtering logic on the server-side using the `PerformFiltering` method from the `QueryableOperation` class. This allows the custom data source to undergo filtering based on the criteria specified in the incoming `DataManagerRequest` object.
352352

353353
**Single column filtering**
354-
![Single column filtering](../../images/adaptors/web-method-adaptor-filtering.png)
354+
![Single column filtering](../images/adaptors/web-method-adaptor-filtering.png)
355355

356356
**Multi column filtering**
357-
![Multi column filtering](../../images/adaptors/web-method-adaptor-multi-filtering.png)
357+
![Multi column filtering](../images/adaptors/web-method-adaptor-multi-filtering.png)
358358

359359
{% tabs %}
360360
{% highlight cs tabtitle="GridController.cs" %}
@@ -412,10 +412,10 @@ public class DataManager
412412
To handle sorting operation, configure your API to support custom sorting criteria. Implement the sorting logic on the server-side using the `PerformSorting` method from the `QueryableOperation` class. This allows the custom data source to undergo sorting based on the criteria specified in the incoming `DataManagerRequest` object.
413413

414414
**Single column sorting**
415-
![Single column sorting](../../images/adaptors/web-method-adaptor-sorting.png)
415+
![Single column sorting](../images/adaptors/web-method-adaptor-sorting.png)
416416

417417
**Multi column sorting**
418-
![Multi column sorting](../../images/adaptors/web-method-adaptor-multi-sorting.png)
418+
![Multi column sorting](../images/adaptors/web-method-adaptor-multi-sorting.png)
419419

420420
{% tabs %}
421421
{% highlight cs tabtitle="GridController.cs" %}
@@ -467,7 +467,7 @@ public class DataManager
467467

468468
To handle paging operation, configure your API endpoint to support custom paging criteria. Implement the paging logic on the server-side using the `PerformTake` and `PerformSkip` method from the `QueryableOperation` class. This allows the custom data source to undergo paging based on the custom paging criteria specified in the incoming `DataManagerRequest` object.
469469

470-
![WebMethodAdaptor paging](../../images/adaptors/web-method-adaptor-paging.png)
470+
![WebMethodAdaptor paging](../images/adaptors/web-method-adaptor-paging.png)
471471

472472
{% tabs %}
473473
{% highlight cs tabtitle="GridController.cs" %}
@@ -556,7 +556,7 @@ To enable editing in ASP.NET MVC Grid, refer to the editing [documentation](http
556556

557557
To insert a new record, utilize the `InsertUrl` property to specify the controller action mapping URL for the insert operation. The newly added record details are bound to the **newRecord** parameter.
558558

559-
![Insert record](../../images/adaptors/web-method-adaptor-insert-record.png)
559+
![Insert record](../images/adaptors/web-method-adaptor-insert-record.png)
560560

561561
```cs
562562
/// <summary>
@@ -579,7 +579,7 @@ public IHttpActionResult Insert(CRUDModel<OrdersDetails> newRecord)
579579

580580
For updating existing records, utilize the `UpdateUrl` property to specify the controller action mapping URL for the update operation. The updated record details are bound to the **updatedRecord** parameter.
581581

582-
![Update record](../../images/adaptors/web-method-adaptor-update-record.png)
582+
![Update record](../images/adaptors/web-method-adaptor-update-record.png)
583583

584584
```cs
585585
/// <summary>
@@ -608,7 +608,7 @@ public IHttpActionResult Update(CRUDModel<OrdersDetails> updatedRecord)
608608

609609
To delete existing records, use the `RemoveUrl` property to specify the controller action mapping URL for the delete operation. The primary key value of the deleted record is bound to the **deletedRecord** parameter.
610610

611-
![Delete Record](../../images/adaptors/web-method-adaptor-delete-record.png)
611+
![Delete Record](../images/adaptors/web-method-adaptor-delete-record.png)
612612

613613
```cs
614614
/// <summary>
@@ -629,7 +629,7 @@ public IHttpActionResult Remove(CRUDModel<OrdersDetails> deletedRecord)
629629
}
630630
```
631631

632-
![WebMethodAdaptor CRUD operations](../../images/adaptors/adaptor-crud-operation.gif)
632+
![WebMethodAdaptor CRUD operations](../images/adaptors/adaptor-crud-operation.gif)
633633

634634
**Single Method for Performing All CRUD Operations**
635635

@@ -737,4 +737,4 @@ public object BatchUpdate(CRUDModel<OrdersDetails> batchOperation)
737737

738738
}
739739
```
740-
![WebMethodAdaptor Batch Editing](../../images/adaptors/url-adaptor-batch-editing.gif)
740+
![WebMethodAdaptor Batch Editing](../images/adaptors/url-adaptor-batch-editing.gif)

‎ej2-asp-core-mvc/grid/EJ2_ASP.MVC/connecting-to-adaptors/custom-adaptor.md

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -26,11 +26,11 @@ The `processQuery` method handles the execution of a query sent to a `DataSource
2626

2727
**DataManager**
2828

29-
![DataManager](../../images/adaptors/customadaptor/custom-adaptor-datamanager.png)
29+
![DataManager](../images/adaptors/customadaptor/custom-adaptor-datamanager.png)
3030

3131
**Query**
3232

33-
![Query](../../images/adaptors/customadaptor/custom-adaptor-query.png)
33+
![Query](../images/adaptors/customadaptor/custom-adaptor-query.png)
3434

3535
```js
3636
processQuery(dm, query) {
@@ -51,15 +51,15 @@ The `beforeSend` method is executed before a request is sent to the server. This
5151

5252
**DataManager**
5353

54-
![DataManager](../../images/adaptors/customadaptor/custom-adaptor-datamanager.png)
54+
![DataManager](../images/adaptors/customadaptor/custom-adaptor-datamanager.png)
5555

5656
**Request**
5757

58-
![Request](../../images/adaptors/customadaptor/custom-adaptor-request.png)
58+
![Request](../images/adaptors/customadaptor/custom-adaptor-request.png)
5959

6060
**Settings**
6161

62-
![Settings](../../images/adaptors/customadaptor/custom-adaptor-fetch.png)
62+
![Settings](../images/adaptors/customadaptor/custom-adaptor-fetch.png)
6363

6464
```js
6565
beforeSend(dm, request, settings) {
@@ -480,7 +480,7 @@ config.Count().Filter(); // Handles searching operation.
480480
{% endhighlight %}
481481
{% endtabs %}
482482

483-
![Searching query](../../images/adaptors/ODataV4Adaptor/odatav4-adaptor-searching.png)
483+
![Searching query](../images/adaptors/ODataV4Adaptor/odatav4-adaptor-searching.png)
484484

485485
## Handling filtering operation
486486

@@ -525,9 +525,9 @@ config.Count().Filter(); // Handles filtering operation.
525525
{% endtabs %}
526526

527527
**Single column filtering**
528-
![Filtering query](../../images/adaptors/ODataV4Adaptor/odatav4-adaptor-filtering.png)
528+
![Filtering query](../images/adaptors/ODataV4Adaptor/odatav4-adaptor-filtering.png)
529529
**Multi column filtering**
530-
![Filtering query](../../images/adaptors/ODataV4Adaptor/odatav4-adaptor-multi-column-filtering.png)
530+
![Filtering query](../images/adaptors/ODataV4Adaptor/odatav4-adaptor-multi-column-filtering.png)
531531

532532
## Handling sorting operation
533533

@@ -572,10 +572,10 @@ config.Count().OrderBy(); // Handles sorting operation.
572572
{% endtabs %}
573573

574574
**Single column sorting**
575-
![Single column sorting query](../../images/adaptors/ODataV4Adaptor/odatav4-adaptor-sorting.png)
575+
![Single column sorting query](../images/adaptors/ODataV4Adaptor/odatav4-adaptor-sorting.png)
576576

577577
**Multi column sorting**
578-
![Multi column sorting query](../../images/adaptors/ODataV4Adaptor/odatav4-adaptor-multi-column-sorting.png)
578+
![Multi column sorting query](../images/adaptors/ODataV4Adaptor/odatav4-adaptor-multi-column-sorting.png)
579579

580580
## Handling paging operation
581581

@@ -620,7 +620,7 @@ config.Count().MaxTop(recordCount); // Handles paging operation.
620620
{% endhighlight %}
621621
{% endtabs %}
622622

623-
![paging query](../../images/adaptors/ODataV4Adaptor/odatav4-adaptor-paging.png)
623+
![paging query](../images/adaptors/ODataV4Adaptor/odatav4-adaptor-paging.png)
624624

625625
## Handling CRUD operations
626626

@@ -677,7 +677,7 @@ To insert a new record into your Grid, you can utilize the `HttpPost` method in
677677
}
678678
```
679679

680-
![CustomAdaptor-Insert-record](../../images/adaptors/ODataV4Adaptor/odatav4-adaptor-insert-record.png)
680+
![CustomAdaptor-Insert-record](../images/adaptors/ODataV4Adaptor/odatav4-adaptor-insert-record.png)
681681

682682
**Update Operation:**
683683

@@ -707,7 +707,7 @@ public IHttpActionResult Patch(int key, OrdersDetails updateRecord)
707707
return Ok(existingOrder);
708708
}
709709
```
710-
![CustomAdaptor-Update-record](../../images/adaptors/ODataV4Adaptor/odatav4-adaptor-update-record.png)
710+
![CustomAdaptor-Update-record](../images/adaptors/ODataV4Adaptor/odatav4-adaptor-update-record.png)
711711

712712
**Delete Operation**
713713

@@ -729,4 +729,4 @@ public IHttpActionResult Delete(int key)
729729
return Ok(deleteRecord);
730730
}
731731
```
732-
![CustomAdaptor-Delete-record](../../images/adaptors/ODataV4Adaptor/odatav4-adaptor-delete-record.png)
732+
![CustomAdaptor-Delete-record](../images/adaptors/ODataV4Adaptor/odatav4-adaptor-delete-record.png)

0 commit comments

Comments
 (0)