How can i add file upload control in grid

State Not Answered
Replies 3 replies
Subscribers 13 subscribers
Views 5981 views
Users 0 members are here

545

sushant zanzane posted over 10 years ago

Hi,

I want to add file upload control for each line in grid which will return the path for that specific line.

can you tell me how to do it.

Thanks

Sushant

37874

[Infragistics] Nikolay posted over 10 years ago
Hello Sushant,

A possible approach would be to place the upload in an unbound column with template containing a container element, like a div:

{ headerText: "Upload", unbound: "true", key: "Upload", template: "<div class='upload'></div>" }

Then, on rowsRendered event you can initialize the igUpload. On fileUploaded you can set the value of another grid cell to the uploaded file path.

Code Snippet

rowsRendered: function () {

    $(".upload").each(function (i, e) {

        this.id = "upload" + i;

        $(this).igUpload({

            fileUploaded: function (evt, ui) {

                var idx = $("#grid").igGrid("activeRow").id;

                $('#grid').igGridUpdating('setCellValue', idx, "ImageUrl", ui.filePath);

            },

            mode: "single",

            autostartupload: true,

            // to upload a file, you need a server-side handler

            progressUrl: "/IGUploadStatusHandler.ashx",

            controlId: "serverID"

        });

    });

}

Please feel free to contact me if you have any further questions.
Cancel
Reply

Cancel
545

sushant zanzane posted over 10 years ago in reply to [Infragistics] Nikolay

Hi nikolay,

thanks for this quick replay, it is very useful for me but i have other problem like your saying to upload a file, you need a server-side handler
progressUrl: "/IGUploadStatusHandler.ashx",

what exactly that means and how can i do it in MVC

Thanks.
Cancel
Reply

Cancel
37874

[Infragistics] Nikolay posted over 10 years ago in reply to sushant zanzane

Hi,

Please have a look at the igUpload documentation explaining how to use the control in pure html or in MVC: https://www.igniteui.com/help/igupload-overview

Let me know if this helps.
Cancel
Reply

Cancel