updatepanel更新dropdownlist后其css样式失效的解决方案

来源：互联网发布：数据分析表怎么做编辑：程序博客网时间：2024/05/19 13:21

我是一个后台小白程序猿，前台懂得很少，最近遇到了这个问题：updatepanel更新dropdownlist后其css样式失效

updatepanel更新dropdownlist后其css样式失效

首先看看我的前台代码把（我技术不行，用的是UpdattePanel，关于updatepanel的用法，我给个连接把，我看的就是他的：http://www.cnblogs.com/terrylee/archive/2006/11/01/aspnet_ajax_updatepanle_part2.html）

好了废话不多说，开始我的笔记啦

首先当然是要添加好

<asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager>

这段必备代码了，要在form里面哦

接下来是添加要局部更新的地方：

<asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional"><ContentTemplate>    <li><label>房间</label>    <span style="white-space:pre"></span><div class="vocation">    <span style="white-space:pre"></span><asp:DropDownList ID="DropDownList1" runat="server" class="select3">    <span style="white-space:pre"></span></asp:DropDownList>    <span style="white-space:pre"></span></div>    </li></ContentTemplate></asp:UpdatePanel>

后台

protected void Page_Load(object sender, EventArgs e){    if (Session["userid"] != null)    {         <span style="white-space:pre"></span>ScriptManager1.RegisterAsyncPostBackControl(ddlBuild);        if (!IsPostBack)        {                //绑定楼区        <span style="white-space:pre"></span>ddlBuild.DataSource = new BuildingDAO().SelectBuildByUserId(Session["userId"].ToString());        <span style="white-space:pre"></span>ddlBuild.DataTextField = "name";       <span style="white-space:pre"></span>ddlBuild.DataValueField = "id";        <span style="white-space:pre"></span>ddlBuild.DataBind();        <span style="white-space:pre"></span>ddlBuild.Items.Add(string.Empty);         }        }        else        {            Response.Redirect("login.aspx");        }    }

<pre name="code" class="csharp">protected void ddlBuild_SelectedIndexChanged(object sender, EventArgs e)    {        DropDownList1.DataSource = new RoomDAO().SelectRoomByBuiId(ddlBuild.SelectedValue.ToString());        DropDownList1.DataTextField = "name";        DropDownList1.DataValueField = "id";        DropDownList1.DataBind();        UpdatePanel1.Update();    }

这样执行之后可以发现dropdownlist的样式没有了，这是就要自行注册一下了（可以看看我的问答帖子http://bbs.csdn.net/topics/391545845）

protected void ddlBuild_SelectedIndexChanged(object sender, EventArgs e)    {        DropDownList1.DataSource = new RoomDAO().SelectRoomByBuiId(ddlBuild.SelectedValue.ToString());        DropDownList1.DataTextField = "name";        DropDownList1.DataValueField = "id";        DropDownList1.DataBind();        UpdatePanel1.Update();

<span style="white-space:pre"></span>//注册的代码        ScriptManager.RegisterClientScriptBlock(UpdatePanel1, GetType(), "abc", "abc()", true);    }

abc是我前台的函数

<script type="text/javascript">        function abc() {            $(".select3").uedSelect({                width: 152            });        }    </script>

这时候就可以解决了css样式没有的问题了

0 0