加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 编程开发 > asp.Net > 正文

asp.net – 无法从代码背后更改CssClass

发布时间:2020-12-16 09:53:49 所属栏目:asp.Net 来源:网络整理
导读:这必须是世界上最简单的事情,但它不起作用. 我有一个外部div,我想应用一个类来使其显示样式=无,以便它隐藏其中的所有内容.它实际上是一个asp:panel元素,所以我假设我可以在后面的代码中设置control.CssClass =“my-hidden-class”. 我实际上是在按钮点击处
这必须是世界上最简单的事情,但它不起作用.

我有一个外部div,我想应用一个类来使其显示样式=无,以便它隐藏其中的所有内容.它实际上是一个asp:panel元素,所以我假设我可以在后面的代码中设置control.CssClass =“my-hidden-class”.

我实际上是在按钮点击处理程序上设置它(取决于某些条件)但是从不应用该类.当我在Firebug中检查div元素时,它甚至没有class属性.它看起来与.aspx标记完全一样(当我以声明方式添加它时,实际的css类很好并且应用了).

此外,如果我在初始get请求的prerender方法中设置CssClass,我可以看到该类已应用.所以我想也许我会把所有的逻辑放在prerender中并相应地更新Css类.这也行不通 – 该类在初始化时得到应用,但我不能随后更改它.

所以,总结一下,我似乎无法在事件处理程序中完全使用代码中的类,我只能在prerender中将它应用于初始获取请求&此值将保留在所有回发上.

我究竟做错了什么?

编辑:这是代码 –

ASPX:

<asp:panel runat="server" ID="TariffContainer"><!--this is the div I want to toggle-->
        <cms:ContentBlock ID="currentTariffsInfo" SkinID="Public/OurPrices/CurrentTariffsInfo" runat="server" />
        <ucTcrPanel:tcrpanel ID="tcrpanel" PagingEnabled="true" runat="server"  />

       <div class="quick-price">
            <asp:LinkButton runat="server" CausesValidation="false"  ID="QuickEnergyPrice" OnClientClick="Javascript:return false;" CssClass="button subcontent"><span>Get a quick energy price</span></asp:LinkButton>
        </div>
        <div class="not-for-sale">
        <cms:ContentBlock ID="preservedTariffsLinkInfo" SkinID="Public/OurPrices/PreservedTariffsLinkInfo" runat="server" />              
            <p>
            <asp:LinkButton runat="server" CausesValidation="false" ID="ViewNotAvailableTariffs" OnClick="RedirectToUnavailableTariffs" cssclass="arrow">View tariffs not available for sale</asp:LinkButton>
            </p>
        </div> 
    </asp:panel>

代码背后:

protected void PostCodeChange_BtnClick(object sender,EventArgs e)
    {
        if (IsValid)
        {
            tcrpanel.ApplyPostcodeUpdate(postcode.EnteredPostCode);
            tcrpanel.TcrUpdatePanel.Update();
        }
        else
        {
            TariffContainer.CssClass = "formContentHidden";
        }
    }

更新 – 按钮点击事件来自用户控件&这被连线以在更新面板上触发更新 – 即发生部分回发.我正在做这个隐藏&显示包含aspx页面中的div&即使所有服务器端页面事件都在执行,我猜测页面的内容没有被重新渲染,所以我没有看到我的更改.

解决方案 – 我最终从服务器喷出了一些javascript:

protected void PostCodeChange_BtnClick(object sender,EventArgs e)
    {
            tcrpanel.ApplyPostcodeUpdate(postcode.EnteredPostCode);
            tcrpanel.TcrUpdatePanel.Update();
    }

然后在tcrpanel用户控件代码后面:

public void ApplyPostcodeUpdate(string postcode)
    {
        if (IsValid)
        {
            BuildStartUpScript("showTariffContainer();");
        }
        else
        {
            BuildStartUpScript("hideTariffContainer();");
        }
    }

    private void BuildStartUpScript(string functionCall)
    {
        StringBuilder script = new StringBuilder();
        script.AppendLine("<script type="text/javascript">");
        script.AppendLine(functionCall);
        script.AppendLine("</script>");
        ScriptManager.RegisterStartupScript(pnlUpdateTcr,pnlUpdateTcr.GetType(),"HideTariffContainerScript",script.ToString(),false);
    }

然后在包含的JS文件中:

function hideTariffContainer() {
          $("div.formContentVisible").toggleClass().toggleClass("formContentHidden");
    }

    function showTariffContainer() {
          $("div.formContentHidden").toggleClass().toggleClass("formContentVisible");

}

解决方法

正如所怀疑的那样,问题是发生了部分回发,其中只重新呈现了更新面板的内容.

也就是说,所有服务器端页面生命周期事件仍在调用中.这让我很困惑,因为我可以调试并看到正在应用但未在html中呈现的CssClass.就像我猜的那样Asp.Net更新面板的工作方式.

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读