0

我在 ajaxcontroltoolkit 的模态弹出扩展器中使用 jQuery 的可拖动函数时遇到了困难。如果我在扩展的面板之外使用此代码,它可以正常工作,但是一旦它在面板内,我就不能再拖动该项目。我认为这与面板开始时不可见,然后在用户单击按钮时发生更改(也许该项目最初不在 DOM 中)这一事实有关。有谁知道如何让这两个东西一起玩得很好?贝娄是我的代码:

    <asp:RoundedCornersExtender ID="RoundedCornersExtender1" runat="server" TargetControlID="Panel1" Radius="20">
    </asp:RoundedCornersExtender>

    <asp:button id="Button1" runat="server" text="Button" CssClass="hidden" />

    <asp:modalpopupextender id="ModalPopupExtender1" runat="server" 
            cancelcontrolid="btnCancel" 
            targetcontrolid="Button1" popupcontrolid="Panel1" 
            popupdraghandlecontrolid="PopupHeader" drag="true" 
            backgroundcssclass="ModalPopupBG">
    </asp:modalpopupextender>

    <asp:panel id="Panel1" runat="server"  class="manageLoopsPanel">  
          <div id= 'someId' class="draggable1 ui-widget-content" style="border:1px solid black;">
               <table>
                   <tr>
                     <td>
                        <asp:Label ID="DOBLabel" runat="server" Text='22' />
                        <asp:Label ID="Label2" runat="server" Text='33' />
                     </td>
                   </tr>
                 </table>
          </div>     
    </asp:panel>

我的 jQuery 看起来像这样:

           $(function () {
                $(".draggable1").draggable({
                    helper: 'clone',
                    zIndex: '5000',
                    scroll: false,
                    revert: "invalid",
                    appendTo: 'body',
                    drag: function (event, ui) {
                    }
                });
4

1 回答 1

0

在我看来,使用橙色框弹出。不要将 jquery 与 ajax 更新面板一起使用。但是如果你坚持那么做以下
当你使用更新面板时,它会部分呈现你的页面,所以你必须使用一些可以回发你的页面的东西,看看下面的代码

     <asp:UpdatePanel ID="AjaxPanel" runat="server" UpdateMode="Conditional" ClientIDMode="Static">
            <ContentTemplate>
<!-- all your code goes here -->
      </ContentTemplate>
            <Triggers>
                <asp:PostBackTrigger runat="server" ControlID="Button1" />  <!-- that will be the button which will fully postback by clicking on it. -->        
            </Triggers>
        </asp:UpdatePanel>

让我知道这是否有助于进一步解释阅读这篇文章

于 2013-06-01T15:31:56.280 回答