Question

当CascadingDropDown索引发生更改时，我无法更新asp.net标签。请参阅以下代码。

aspx代码：

<asp:DropDownList ID="ddl1" runat="server"></asp:DropDownList>

<asp:DropDownList ID="ddl2" runat="server" AutoPostBack="true"
OnSelectedIndexChanged="ddl2IndexChanged"></asp:DropDownList>

<asp:UpdatePanel>
    <ContentTemplate>
        <asp:Label ID="lbl1" Text="HelloWorld" runat="server"></asp:Label>
    </ContentTemplate>
    <Triggers>
        <asp:AsyncPostBackTrigger ControlID="ddl2" EventName="SelectedIndexChanged" />
    </Triggers>
</asp:UpdatePanel>    

<asp:DropDownList ID="ddl3" runat="server"></asp:DropDownList>

<ajaxToolKit:CascadingDropDown ID="cdd1" runat="server" Category="MachineType"
TargetControlID="ddl2" ParentControlID="ddl1" PromptText="Select Machine Type"
LoadingText="Loading Machine Types" ServicePath="CascadingDropDown.asmx"
ServiceMethod="getMachineTypes"></ajaxToolKit:CascadingDropDown>

<ajaxToolKit:CascadingDropDown ID="cdd2" runat="server" Category="Machine"
TargetControlID="ddl3" ParentControlID="ddl2" PromptText="Select Machine"
LoadingText="Loading Machines" ServicePath="CascadingDropDown.asmx"
ServiceMethod="getMachines"></ajaxToolKit:CascadingDropDown>

代码背后：

protected void ddl2_SelectedIndexChanged(object sender, EventArgs e)
{
    lbl1.Text = DateTime.Now.ToString();
}

AutoEventWireup为true。 EnableEventValidation为true。 ValidateRequest为true。 EnablePageMethods是真的。 EnablePartialRendering为true。 ddl2的AutoPostBack是真的。 DropDowns完美更新。但标签没有。 ddl2的SelectedIndexChanged不会触发。我猜它是因为CascadingDropDown。

我还尝试编写静态WebMethod并从JavaScript调用它。

在代码背后：

[WebMethod]
public static void UpdateLabel()
{
    Page page = (Page) HttpContext.Current.Handler;
    Label lbl = (Label) page.FindControl("lbl1"); // lbl is always null.
    lbl.Text = DateTime.Now.ToString();
}

在JavaScript中：

function updateLabel() {
    PageMethods.UpdateLabel();
}

在aspx中：

<asp:DropDownList ID="ddl2" runat="server" onchange="javascript:updateLabel()">
</asp:DropDownList>

通过以上操作，我可以调用静态WebMethod。但是，我找不到标签。它总是返回null。：（

我该如何使这项工作？我错过了什么吗？

谢谢！

Answer 1

让它像这样工作。

在JavaScript中：

function updateLabel() {
    PageMethods.UpdateLabel(updateLabelName);
}

function updateLabelName(response) {
    var lbl = document.getElementById('<%=lbl1.ClientID%>');
    lbl.innerHTML = response;
}

在代码背后：

[WebMethod]
public static string UpdateLabel()
{
    return DateTime.Now.ToString();
}

当CascadingDropDown selectedindex发生更改时，ASP.NET Label不会更新

1 个答案: