javascript - ASP.net WebForms - 如何从代码隐藏获取 html5 数据属性？

Question

我试图从 HtmlControl 获取数据属性(数据图标)...该数据属性是从 js 函数设置的，但是当页面回发时，它返回(在代码隐藏中)一个空字符串

有什么办法、任何属性(property)或者其他方式来得到它吗？

我的代码:

HTML:

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

隐藏代码:

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

PS:该属性是通过 js 插件通过 jQuery 更改的。

Answer 1

@Gusman 是对的。您需要一个隐藏字段

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

并使jquery不仅设置data-icon，还设置hfDataIcon值。当您评估绑定(bind)到该值时，您还可以使用起始值填充隐藏字段。

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

这里有一些用于设置隐藏字段的 jQuery，可以在回发时在后面的代码中访问它。

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