Pass Javascript/html Variable as Parameter with Kendo MVC upload control

Question

Have a requirement to pass additional parameter with value of parameter set from javaScript or HTML field.

Example in below case how I can pass HTML element value or Javascript variable value to uploadID.

Note: Have limitation to use ViewModel in this place.

@(Html.Kendo().Upload()
    .Name("files")
    .Async(a => a
        .Save("Save", "Upload", new { uploadID = "XXX" })
        .Remove("Remove", "Upload")
        .AutoUpload(true)
    )
)

Need to get JavaScript variable value in place of "XXX", as this controller is within server tag @(), cannot directly assign value. is there a way to get value of HTML hidden field for XXX — Pradeep H
– Pradeep H, Commented Mar 14, 2017 at 19:55

sleeyuen · Accepted Answer · 2017-03-14 20:13:11Z

2

Try this out:

@(Html.Kendo().Upload()
    .Name("files")
    .Async(a => a
        .Save("Save", "Upload")
        .Remove("Remove", "Upload")
        .AutoUpload(true)
    )
    .Events(e => e
        .Upload(@<text>
            function(e) {    
                e.data = { uploadID: your_js_variable };
            }
        </text>)
    )
)

answered Mar 14, 2017 at 20:13

sleeyuen

9616 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Pradeep H Over a year ago

Thank you. Able pass value and get at controller with this.

Pradeep H Over a year ago

Need another Help. The JS variable assigned for e.data{}, is set to initial value set on page load and not reflecting the updated value set in html later. Is there any way to refresh Kendo Upload Controller to consider latest value

sleeyuen Over a year ago

That's very interesting - I would have thought that Kendo was grabbing the value each time an upload is initiated. Perhaps try passing in a function instead (I've never tried this before so not sure if it's possible)? e.data = { uploadID: func_that_calculates_value() }; You may need to create a new question as it's a bit difficult to lay everything out in just the comments area.

piris · Accepted Answer · 2020-03-29 23:14:18Z

2

Another way:

@Html.Kendo().Upload().Name("files").Async(a => a
.Save("Async_Save", "ActionCtl")
.Events(events => events.Upload("onUpload")))

<script>
function onUpload(e) {
                    e.data = { ItemBankId: @Model.ItemID };
                }
</script>

answered Mar 29, 2020 at 23:14

piris

1,5913 gold badges22 silver badges28 bronze badges

Collectives™ on Stack Overflow

Pass Javascript/html Variable as Parameter with Kendo MVC upload control

2 Answers 2

3 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related