We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.

How to bind uploadBox in ejGrid

To upload an image through Grid editing mode, it is recommended to use the template editing modes of the Grid. Such as Dialog Template, InlineForm Template, External Form Template. Along, with this ejUploadBox would be rendered in the form to upload and preview the image.

Render the Grid control with the respective editing template and ActionComplete (to render different controls in the form).

 

Razor:

 

 

 

Webforms:

 

 

Define the actionComplete event and template element. Render the ejUploadBox in the event and bind them fileSelect event to preview the image as well as save them for uploading to the server-end.

Once the Grid saved the records to the sever end, an external ajax post has been submitted to upload the saved image.

 

 

A Generic handler UploadFile.ashx.cs, has been used to save the image to the server folder. Refer to the following code example.

 

 

Figure: Grid with Previewed image and uploadbox.

Article ID: Published Date: Last Revised Date: Platform: Control:
8885 06/27/2018 07/02/2018 ASP.NET MVC Grid
Tags:
Did you find this information helpful?
Add Comment
You must log in to leave a comment

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.