使用jQuery從自定義控件中獲取信息。 Visual Studio 2010

Question

我正在學習使用Microsoft .NET Framework 4進行Web應用程序開發。在閱讀本書的過程中，我正在編寫一個正在編寫工作的副項目，而我正在學習這些內容。

它是一個真正的簡單應用程序，它基於用戶名，將查詢數據庫，根據數據庫中的行數動態創建自定義控件。

自定義控件只不過是圖像和標簽。 但它確實有一些成員變量：reportName和filePath。

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;
    }
}

這些動態創建的圖標創建得很好，成員變量根據數據庫值設置。

我試圖使用jQuery的onClick事件檢索filePath值。 我似乎無法獲得這些信息。 現在我只是提醒它確實點擊了圖標。

$('.report-icons').click(
    function () {
        $(this).siblings().removeClass("selected");
        $(this).addClass("selected");
        alert("Get PDF File");
    }

);

有人能指出我正確的方向使用jQuery在自定義控件中獲取此信息嗎？

謝謝

Answer 1

您需要將文件路徑寫入UI控件，然后可以通過JQuery訪問，即

標記

<asp:Label runat=server ID="lblFilePath" />

代碼背后

lblFilePath.Text = filePath

JQuery的

alert($(#<%=lblFilePath.ClientID%>).text());

或使用隱藏字段或利用控件的數據屬性。 原則類似

Answer 2

我假設你不希望你的用戶看到文件路徑。 Crab Bucket的方法肯定會起作用，但我建議使用隱藏控件而不是標簽控件。

HTML

<asp：隱藏的runat =“server”id =“filePath”/>

代碼隱藏

filePath.value = myReportPath

JQuery的

alert（$（“＃<％= filePath.ClientID％>”）。val（））;

Answer 3

您可以將數據文件路徑屬性添加到生成的HTML元素，然后可以使用jquery讀取該元素。