在updatepanel中使用2个popupcontrolExtender时显示问题 [英] Display problem while using 2 popupcontrolExtender inside updatepanel

问题描述

我对Ajax弹出控件Extender有问题.

我在updatepanel的页面中使用了两个popupcontrolExtender.
第一个控件出现位置问题. IE.它在textbod和poppup面板之间呈现出很大的差距.
如果我添加了第三个popupcontrolExtender控件，则第二个也有问题.
(在单击文本框时，它呈现完美，但是在回发后，更改其位置)

这是我的代码.

I have a problem with Ajax popup control Extender.

I am using two popupcontrolExtender in a page within updatepanel.
The first control is having position problem. ie. it renders big gap between the textbod and the poppup panel.
if i add a third popupcontrolExtender control the second one is also having problem.
(While Clicking the textbox, it render perfect but after a postback, changes its position)

Here is my code.

<asp:UpdatePanel ID="updatepanelProject" runat="server">
<ContentTemplate>
    <table>
    <tr>
        <td>Project (Optional) </td>
        <td>
            <asp:TextBox ID="TxtProjects" runat="server" SkinID="FormText" ></asp:TextBox>
            <asp:PopupControlExtender ID="PopExtProjects" runat="server" PopupControlID="PanelProject" TargetControlID="TxtProjects" Position="Bottom" CacheDynamicResults="true" >
            </asp:PopupControlExtender>
            <asp:Panel ID="PanelProject" runat="server" BorderColor="Black"

                BorderStyle="Solid" BorderWidth="1px" BackColor="#dceef5" Height="250px"

                ScrollBars="Vertical"

                style="z-index: 1; left: 258px; top: -1222px; position: absolute;" >
                <asp:CheckBoxList ID="ChkListProjects" runat="server" AutoPostBack="true"

                    onselectedindexchanged="ChkListProjects_SelectedIndexChanged">
                </asp:CheckBoxList>
            </asp:Panel>
            <asp:HiddenField ID="HdnProjects" runat="server" />
        </td>
        <td style="width:30px;">&nbsp;</td>
        <td>Hide Columns (Optional) </td>
        <td> &nbsp; &nbsp; &nbsp;
            <asp:TextBox ID="TxtColumns" runat="server" SkinID="FormText" ></asp:TextBox>
            <asp:PopupControlExtender ID="PopExtColumns" runat="server" PopupControlID="PanelColumns" TargetControlID="TxtColumns" Position="Bottom">
            </asp:PopupControlExtender>
            <asp:Panel ID="PanelColumns" runat="server" BorderColor="Black" BorderStyle="Solid" BorderWidth="1px" BackColor="#dceef5" Height="150px" ScrollBars="Vertical" >
                <asp:CheckBoxList ID="ChkListColumns" runat="server" AutoPostBack="true"

                    onselectedindexchanged="ChkListColumns_SelectedIndexChanged" >
                </asp:CheckBoxList>
            </asp:Panel>
        </td>
        <td></td>
    </tr>
    </table>
</ContentTemplate>
</asp:UpdatePanel>

预先感谢.

Thanks in advance.

推荐答案

对于您的情况下的交叉浏览，我相信您应该制作2个CSS，即如果它适用于一个，例如，如果firefox，chrome，safari适用于它.
最好的问候
M.Mitwalli

Hi ,
for cross browsing in your case i believe you should make 2 Css if it ie apply one for ie if it firefox , chrome ,safari apply one for it .
Best regards
M.Mitwalli

当我为两个控件添加单独的更新面板时，它运行完美.
如果我将两者都绑定在一个更新面板中，则无法正常工作.

无论如何，我都能正常工作.

When i add separate update panel for both the controls, It works perfect.
If i bound both in single update panel, its not working.

Anyway i got it working.

这篇关于在updatepanel中使用2个popupcontrolExtender时显示问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！