Sending razor variable as function parameter on button click

Question

I read many posts about sending razor variables to javascript as funtion parameters, but nothing worked for me.

Here is my razor view:

string uniqueIdFirst = Model.Requests.FirstOrDefault().UniqueId;
@Html.DevExpress().Button( saveSett =>
{
    saveSett.Name = "btnCancelRequest";
    saveSett.Text = "Cancel";
    saveSett.Width = 63;
    saveSett.Height = 28;
    saveSett.ControlStyle.CssClass = "button";
    saveSett.Styles.EnableDefaultAppearance = false;
    saveSett.EnableClientSideAPI = true;
    saveSett.ClientSideEvents.Click = "function(s, e) { BtnCancelRequest('@uniqueIdFirst'); }";
} ).GetHtml();

When I debug javascript function BtnCancelRequest I see that I get just string "@uniqueIdFirst".

Ehsan Sajjad · Accepted Answer · 2015-08-13 07:13:05Z

2

You have to use a js variable for that, try something like this:

<script type="text/javascript">
var uniqueIdFirst = '@Model.Requests.FirstOrDefault().UniqueId';
</script>

and in event :

saveSett.ClientSideEvents.Click = "function(s, e) { BtnCancelRequest(uniqueIdFirst); }";

answered Aug 13, 2015 at 7:13

Ehsan Sajjad

62.6k16 gold badges112 silver badges171 bronze badges

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

Comments

Adrian Tarnowski · Accepted Answer · 2015-08-13 08:03:28Z

0

If you use external JS files, better way to create:

@{
    string uniqueIdFirst = Model.Requests.FirstOrDefault().UniqueId;
}

saveSett.ClientSideEvents.Click = "function(s, e) {BtnCancelRequest('" + uniqueIdFirst + "'); }";

answered Aug 13, 2015 at 8:03

Adrian Tarnowski

3963 silver badges7 bronze badges

Collectives™ on Stack Overflow

Sending razor variable as function parameter on button click

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related