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).
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:|