Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
22 changes: 11 additions & 11 deletions aspnetmvc/Grid/Data-Adaptors.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
---
layout: post
title: data-Adaptor with Grid widget for Syncfusion Essential MVC
description: How to enable data-Adaptor and its functionalities
title: data-Adaptor in ASP.NET MVC Grid control | Syncfusion
description: Learn here about getting started with Syncfusion ASP.NET MVC Grid control, its elements, and more.
platform: ejmvc
control: Grid
documentation: ug
---
# Data Adaptors
# Data Adaptors in ASP.NET MVC Grid

The Data Adaptor is a mechanism through which the `DataManager` interact with the remote service or local dataSource. The `DataManager` has several preconfigured Data Adaptors, refer to the [link](http://help.syncfusion.com/aspnetmvc/datamanager/data-Adaptors).

Expand Down Expand Up @@ -56,7 +56,7 @@ The JSON Adaptor is used when the grid is bound with local datasource. It can be

The following output is displayed as a result of the above code example.

![](Data-Adaptors_images/Data-Adaptor_img1.png)
![JSON adaptors in ASP.NET MVC Grid](Data-Adaptors_images/Data-Adaptor_img1.png)

## Url Adaptor

Expand Down Expand Up @@ -129,7 +129,7 @@ The following code example describes the above behavior.

The following output is displayed as a result of the above code example.

![](Data-Adaptors_images/Data-Adaptor_img2.png)
![Url adaptor in ASP.NET MVC Grid](Data-Adaptors_images/Data-Adaptor_img2.png)


## OData Adaptor
Expand Down Expand Up @@ -162,7 +162,7 @@ You can use the following code example to use OData Adaptor.

The following output is displayed as a result of the above code example.

![](Data-Adaptors_images/Data-Adaptor_img3.png)
![OData adaptor in ASP.NET MVC Grid](Data-Adaptors_images/Data-Adaptor_img3.png)

## ODataV4 Adaptor

Expand Down Expand Up @@ -193,7 +193,7 @@ You can use the following code example to use ODataV4 Adaptor.

The following output is displayed as a result of the above code example.

![](Data-Adaptors_images/Data-Adaptor_img4.png)
![ODataV4 adaptor in ASP.NET MVC Grid](Data-Adaptors_images/Data-Adaptor_img4.png)


## WebAPI Adaptor
Expand Down Expand Up @@ -243,7 +243,7 @@ You can use the following code example to use WebAPI Adaptor.

The following output is displayed as a result of the above code example.

![](Data-Adaptors_images/Data-Adaptor_img5.png)
![WebAPI adaptor in ASP.NET MVC Grid](Data-Adaptors_images/Data-Adaptor_img5.png)

## RemoteSave Adaptor

Expand Down Expand Up @@ -320,11 +320,11 @@ You can use the following code example to use RemoteSaveAdaptor.

The following output is displayed as a result of the above code example.

![](Data-Adaptors_images/Data-Adaptor_img6.png)
![Remote saver adaptor in ASP.NET MVC Grid](Data-Adaptors_images/Data-Adaptor_img6.png)

On performing CRUD operations in Grid, the record changes will be sent to server-side as in the following screenshot.

![](Data-Adaptors_images/Data-Adaptor_img7.png)
![CRUD operation in ASP.NET MVC Grid](Data-Adaptors_images/Data-Adaptor_img7.png)


## Foreign Key Adaptor
Expand Down Expand Up @@ -384,7 +384,7 @@ The following code example describes the above behavior.

The following output is displayed as a result of the above code example.

![](Data-Adaptors_images/Data-Adaptor_img8.png)
![Foreign key adaptor in ASP.NET MVC Grid](Data-Adaptors_images/Data-Adaptor_img8.png)

## Custom Adaptor

Expand Down
38 changes: 19 additions & 19 deletions aspnetmvc/Grid/Data-Binding.md
Original file line number Diff line number Diff line change
@@ -1,12 +1,12 @@
---
layout: post
title: DataBinding with Grid widget for Syncfusion Essential JS
description: How to bind in-memory JSON and remote web services in Grid
title: DataBinding in ASP.NET MVC Grid control | Syncfusion
description: Learn here about getting started with Syncfusion ASP.NET MVC Grid control, its elements, and more.
platform: ejmvc
control: Grid
documentation: ug
---
# Data Binding
# Data Binding in ASP.NET MVC Grid

Grid `DataSource` property allows to bind datasource as the instance of one of the following types.

Expand Down Expand Up @@ -67,7 +67,7 @@ The following code example describes the above behavior.

The following output is displayed as a result of the above code example.

![](Data-Binding_images/Data-Binding_img1.png)
![IEnumerable in ASP.NET MVC Grid](Data-Binding_images/Data-Binding_img1.png)

## DataTable

Expand Down Expand Up @@ -133,7 +133,7 @@ The following code example describes the above behavior.

The following output is displayed as a result of the above code example.

![](Data-Binding_images/Data-Binding_img2.png)
![Data table in ASP.NET MVC Grid](Data-Binding_images/Data-Binding_img2.png)

## Entity Framework

Expand Down Expand Up @@ -174,7 +174,7 @@ The following code example describes the above behavior.

The following output is displayed as a result of the above code example.

![](Data-Binding_images/Data-Binding_img3.png)
![Entity framework in ASP.NET MVC Grid](Data-Binding_images/Data-Binding_img3.png)

See Also

Expand Down Expand Up @@ -219,7 +219,7 @@ The following code example describes the above behavior.

The following output is displayed as a result of the above code example.

![](Data-Binding_images/Data-Binding_img4.png)
![LINQ to SQL in ASP.NET MVC Grid](Data-Binding_images/Data-Binding_img4.png)

See Also

Expand Down Expand Up @@ -317,7 +317,7 @@ The following code example describes the above behavior.

The following output is displayed as a result of the above code example.

![](Data-Binding_images/Data-Binding_img5.png)
![ITypedlist interface in ASP.NET MVC Grid](Data-Binding_images/Data-Binding_img5.png)

See Also

Expand Down Expand Up @@ -368,7 +368,7 @@ The following code example describes the above behavior.

The following output is displayed as a result of the above code example.

![](Data-Binding_images/Data-Binding_img6.png)
![Complex binding in ASP.NET MVC Grid](Data-Binding_images/Data-Binding_img6.png)

W> A navigation property that represents the "many" end of a relationship cannot be specified using lambda expression. Instead `Field` name can be provide as string in such as case.

Expand Down Expand Up @@ -402,7 +402,7 @@ The following code example describes the above behavior.

The following output is displayed as a result of the above code example.

![](Data-Binding_images/Data-Binding_img7.png)
![WCF data service in ASP.NET MVC Grid](Data-Binding_images/Data-Binding_img7.png)

See Also

Expand Down Expand Up @@ -436,7 +436,7 @@ The following code example describes the above behavior.

The following output is displayed as a result of the above code example.

![](Data-Binding_images/Data-Binding_img8.png)
![ODataV4 service in ASP.NET MVC Grid](Data-Binding_images/Data-Binding_img8.png)

## Web API Service

Expand Down Expand Up @@ -491,7 +491,7 @@ The following code example describes the above behavior.

The following output is displayed as a result of the above code example.

![](Data-Binding_images/Data-Binding_img9.png)
![Web API services in ASP.NET MVC Grid](Data-Binding_images/Data-Binding_img9.png)

## HTML Table binding

Expand Down Expand Up @@ -580,7 +580,7 @@ The following code example describes the above behavior.

The following output is displayed as a result of the above code example.

![](Data-Binding_images/Data-Binding_img10.png)
![HTML table binding in ASP.NET MVC Grid](Data-Binding_images/Data-Binding_img10.png)

## Miscellaneous

Expand Down Expand Up @@ -610,7 +610,7 @@ The following code example describes the above behavior.

The following output is displayed as a result of the above code example.

![](Data-Binding_images/Data-Binding_img11.png)
![Load on demand in ASP.NET MVC Grid](Data-Binding_images/Data-Binding_img11.png)

### Load at once

Expand Down Expand Up @@ -640,7 +640,7 @@ The following code example describes the above behavior.

The following output is displayed as a result of the above code example.

![](Data-Binding_images/Data-Binding_img12.png)
![Load at once in ASP.NET MVC Grid](Data-Binding_images/Data-Binding_img12.png)

### Data caching

Expand Down Expand Up @@ -675,7 +675,7 @@ The following code example describes the above behavior.

The following output is displayed as a result of the above code example.

![](Data-Binding_images/Data-Binding_img13.png)
![Data caching in ASP.NET MVC Grid](Data-Binding_images/Data-Binding_img13.png)

### Custom request parameters and HTTP Header

Expand Down Expand Up @@ -708,7 +708,7 @@ E> Attempting to add custom parameters with key name same as any default AJAX pa

The following output is displayed as a result of the above code example.

![](Data-Binding_images/Data-Binding_img14.png)
![Adding request parameters in ASP.NET MVC Grid](Data-Binding_images/Data-Binding_img14.png)

#### Adding custom HTTP headers

Expand Down Expand Up @@ -739,7 +739,7 @@ N> To add custom headers to the DataManager through JavaScript, refer to this [

The following output is displayed as a result of the above code example.

![](Data-Binding_images/Data-Binding_img15.png)
![Adding custom HTTP headers in ASP.NET MVC Grid](Data-Binding_images/Data-Binding_img15.png)

### Handling HTTP Errors

Expand Down Expand Up @@ -791,4 +791,4 @@ The following code example describes the above behavior.

The following output is displayed as a result of the above code example.

![](Data-Binding_images/Data-Binding_img16.png)
![Handling HTTP errors in ASP.NET MVC Grid](Data-Binding_images/Data-Binding_img16.png)
16 changes: 8 additions & 8 deletions aspnetmvc/RichTextEditor/Image-and-File-browser.md
Original file line number Diff line number Diff line change
@@ -1,15 +1,15 @@
---
layout: post
title: Image and File browser in RichTextEditor widget for Syncfusion Essential ASP.NET MVC
description: Configuring and working with Image and File browser in RichTextEditor
title: Image and File browser in ASP.NET MVC RichTextEditor control | Syncfusion
description: Learn here about getting started with Syncfusion ASP.NET MVC RichTextEditor control, its elements, and more.
platform: ejmvc
control: RTE
documentation: ug
keywords: RichTextEditor, File browser, Image, Image Browser

---

# Image and File browser
# Image and File browser in ASP.NET MVC RichTextEditor

The editor allows you to manage the images and files using **FileExplorer**. The FileExplorer enables you to insert images from online source as well as local computer where you want to insert the image in your content. The Image and file browser is the ability to upload pictures and link file to the editor.

Expand All @@ -35,7 +35,7 @@ If you want to insert an image from online source like Google, ping, etc., you n

{% endhighlight %}

![](ImageandFilebrowser_images/ImageandFilebrowser_img1.png)
![Insert an image from online source in ASP.NET MVC RichTextEditor](ImageandFilebrowser_images/ImageandFilebrowser_img1.png)


## Insert an Image from Your Computer
Expand Down Expand Up @@ -97,7 +97,7 @@ public ActionResult FileActionMethods(Syncfusion.JavaScript.FileExplorerParams a

{% endhighlight %}

![](ImageandFilebrowser_images/ImageandFilebrowser_img2.png)
![Insert an image from your computer in ASP.NET MVC RichTextEditor](ImageandFilebrowser_images/ImageandFilebrowser_img2.png)


N> FileExplorer component has been implemented and integrated with the editor in Volume 1, 2015 release. For more information about FileExplorer component, see [here](http://help.syncfusion.com/aspnetmvc/fileexplorer/overview).
Expand All @@ -106,7 +106,7 @@ N> FileExplorer component has been implemented and integrated with the editor in

You can set or modify the properties of an image by using the image dialog. It allows you to add links, apply border and set additional styles to the images. The editor provides an option to specify the alternate text for an image, if the image cannot be displayed.

![](ImageandFilebrowser_images/ImageandFilebrowser_img3.png)
![Image properties in ASP.NET MVC RichTextEditor](ImageandFilebrowser_images/ImageandFilebrowser_img3.png)


## Resize an Image
Expand All @@ -117,7 +117,7 @@ You can resize an image either manually or by setting width and height in the im

You can resize an image manually by selecting an image. And drag the handle until the image is resized to the desired size.

![](ImageandFilebrowser_images/ImageandFilebrowser_img4.png)
![Resize an image manually in ASP.NET MVC RichTextEditor](ImageandFilebrowser_images/ImageandFilebrowser_img4.png)

N> Set the default height and width of the Images which was inserted into the RTE text area in “change” event of RTE - {{'[Link](http://jsplayground.syncfusion.com/Sync_rghpsadi)'| markdownify }}

Expand Down Expand Up @@ -147,7 +147,7 @@ The editor provides you to set the Width and Height properties to change the siz

{% endhighlight %}

![](ImageandFilebrowser_images/ImageandFilebrowser_img5.png)
![Set width and height in ASP.NET MVC RichTextEditor](ImageandFilebrowser_images/ImageandFilebrowser_img5.png)

## Suppression of the Image Browser

Expand Down