Use a input type file inside the Grid

[Barry]

Inside my Grid (please see attached file), when clicking the Edit button, instead of having the typical textbox, I would like to have a input type=file control. I would like to make the user be able to see a browse a file. Is this possible ?

[T. Tsonev]

Hello Barry,

We have a code library that demonstrates exactly how to replace the default editor with a file upload.
Please see the sample here - Upload in Grid

I hope this helps.

Best Regards,
Tsvetomir Tsonev
the Telerik team

[Barry]

Thanks Tsvetomir for the response. Unfortunately, I am unable to open the solution since I am only using MVC 2. Can you provide me a copy that is compatible to MVC 2?

[T. Tsonev]

Hello Barry,

The project does not rely on any MVC3-specific features and can be easily converted. I'm attaching you the MVC2 version.

Best Regards,
Tsvetomir Tsonev
the Telerik team

[strogen]

Hello Tsvetomir ,

Thanks for your excellent example.
But in case, when i want to use upload control with grid in insert mode, i have error in getDataItem js function.
Can you help to resolve it?

Best regards,
Roman.

[T. Tsonev]

Hello Strogen,

The logic of the demo application is greatly simplified and does not cover the insert scenario.
We need to do a couple of things to support it:

• Store the uploaded file in a temporary location until the user submits the insert form
• Associate the uploaded file with the newly created record

In addition, the onUpload and onSuccess handlers need to be modified to work in both the insert and edit scenarios.

I've updated the project with these changes, but please note that this is just a proof of concept and not a production code.

Regards,
Tsvetomir Tsonev
the Telerik team

[strogen]

Hello Tsvetomir ,

It's fantastic!!
This code work fine!

Thank you very much!