Question

我很难看到一些动态创建的控件的值，这些控件包含图像，标签和隐藏字段。

这就是我在做的事情：

HTML
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="ReportIcon.ascx.cs" Inherits="ReportIcon" %>
<div class="report-icons" style="background:white; color:#014886; border-radius:5px 10px 5px 10px / 10px 5px 10px 5px; width:255px; position:relative; text-align:Left; visibility:visible; padding:5px; margin:5px; overflow: hidden">
    <asp:Image ID="PDFImage" runat="server" ImageUrl="~/Images/pdfIcon.png"/> 
    <div style="position:absolute; left:64px; top:27px; max-width:196px; overflow: auto">              
        <asp:Label ID="ReportNameLabel" style="font-size:12pt; padding-left:15px" runat="server" Text="Report"></asp:Label>
        <br />            
        <asp:HiddenField ID="FilePathHiddenField" runat="server" />
    </div>
</div>

Code Behind
public partial class ReportIcon : System.Web.UI.UserControl
{
    public string reportName { get; set; }
    public string filePath { get; set; }

    protected void Page_Load(object sender, EventArgs e)
    {
        ReportNameLabel.Text = this.reportName;
        FilePathHiddenField.Value = this.filePath;
    }
}

JQuery
function setupMouseEvents() {
    $('.report-icons').hover(
        function () { $(this).css({ 'background': '#B8B8B8' }) },
        function () { $(this).css({'background': 'white' })}
    );

    $('.report-icons').click(
        function () {
            $(this).siblings().removeClass("selected");
            $(this).addClass("selected");
            alert($('#<%=FilePathHiddenField.ClientID%>').val());
        }
    );
};

function init() {
    setupMouseEvents();
};

$(document).ready(function () {
    init();
});

我认为问题在于我的html包含在内容占位符中，因为我正在使用母版页。

当我在浏览器中查看HTML时，隐藏字段的ID为： ContentPlaceHolder1_ReportListView_ctl00_FilePathHiddenField ContentPlaceHolder1_ReportListView_ctl01_FilePathHiddenField ContentPlaceHolder1_ReportListView_ctl02_FilePathHiddenField ContentPlaceHolder1_ReportListView_ctl03_FilePathHiddenField

任何人都知道如何在jQuery中访问这些的calue？

Answer 1

你需要为jquery

的id选择器添加＃符号

 alert($('#' + '<%=FilePathHiddenField.ClientID%>').val());

或

 var id = '<%=FilePathHiddenField.ClientID%>';
 alert($('#' + id).val());

对于Asp.net 4.0

如果您使用的是Asp.net 4.0版本，请查看以下内容：ASP.NET 4.0 Client ID Feature

Control.ClientIDMode属性 - 获取或设置用于生成ClientID属性值的算法。

<强>自动识别 ClientID值是通过将每个父命名容器的ID值与控件的ID值连接而生成的。在呈现控件的多个实例的数据绑定方案中，将在控件的ID值前插入递增值。每个段由下划线字符（_）分隔。此算法用于早于ASP.NET 4的ASP.NET版本。

<强>静态 ClientID值设置为ID属性的值。如果控件是命名容器，则该控件将用作其包含的任何控件的命名容器层次结构的顶部。

<强>可预测的此算法用于数据绑定控件中的控件。 ClientID值是通过将父命名容器的ClientID值与控件的ID值连接而生成的。如果控件是生成多行的数据绑定控件，则会在末尾添加ClientIDRowSuffix属性中指定的数据字段的值。对于GridView控件，可以指定多个数据字段。如果ClientIDRowSuffix属性为空，则在末尾添加序号而不是数据字段值。此数字从零开始，每行增加1。每个段由下划线字符（_）分隔。

<强>继承该控件继承其NamingContainer控件的ClientIDMode设置。

使用jQuery和.NET Framework 4访问隐藏字段值

1 个答案:

对于Asp.net 4.0