ASP.net WebForms - How get html5 data-attribute from codebehind?

Question

im trying to get data-attribute (data-icon) from an HtmlControl ... that data-attribute is setted from a js function, but when the page do postback it returns (on codebehind) an empty string

theres any way , any property or else to get it??

My Code:

HTML:

<button id="btnIcon" runat="server" class="btn btn-default iconpicker" data-icon=""></button>

Code behind:

string icon = btnIcon.Attributes["data-icon"].ToString();

PS: the attribute is changed via jQuery by a js plugin.

I doubt you can do it, the attribute is being changed on the client side, and to the server side only POSTed variables are sent, so attributes aren't. Maybe you can store the attribute also in a hidden field? — Gusman
– Gusman, Commented Feb 26, 2016 at 23:11
How are you setting the data-icon value in jQuery ? Technically, as long as the control is asp.net element, you would be able to access it's attributes. — DinoMyte
– DinoMyte, Commented Feb 26, 2016 at 23:13
@DinoMyte No, that's not true. Only form values are submitted upon postback. Attributes are not, unless you manually do something to put them in with the form values. — mason
– mason, Commented Feb 27, 2016 at 2:52

JP Hellemons · Accepted Answer · 2016-08-18 09:50:48Z

1

@Gusman is right. You need an hiddenfield

<asp:HiddenField ID="hfDataIcon" Value="" runat="server" ClientIDMode="Static" />

and make the jquery not only set the data-icon but also the hfDataIcon value. You can also fill the hiddenfield with a startvalue when you eval bind to the value.

<asp:HiddenField ID="hfDataIcon" Value="" runat="server" ClientIDMode="Static" Value='<%# Eval("dataIcon") %>' />

and here is some jQuery to set the hiddenfield, which can be accessed in the code behind when posted back.

<script type="text/javascript" language="javascript">
$(document).ready(function () { 
    $('input#hfDataIcon').val('icon name here');
});
</script>

answered Aug 18, 2016 at 9:50

JP Hellemons

6,04212 gold badges68 silver badges135 bronze badges

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

Collectives™ on Stack Overflow

ASP.net WebForms - How get html5 data-attribute from codebehind?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related