使用jquery里面的ajaxcontroltookit的模式弹出式扩展程序

我有困难在ajaxcontroltoolkit的模式弹出式扩展程序中使用jQuery的可拖动功能。如果我在扩展的面板之外使用此代码，它可以正常工作，但是一旦它在面板内，我就不能再拖动该项目。我认为这与面板开始不可见并在用户单击按钮时发生变化（也许该项最初不在DOM中）有关。有谁知道如何让这两样东西一起玩呢？贝娄是我的代码：使用jquery里面的ajaxcontroltookit的模式弹出式扩展程序

<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) { 
        } 
       });

来源

2013-06-01 jason

感谢您的回复。你能说一点吗？这是在一个updatepanel内，但我不熟悉JQuery。你如何建议使用触发器？ – jason

当你使用更新面板时，我必须给你解释你的页面部分呈现你必须使用你想要点击的按钮上的asp触发器我给你详细 – skhurams

在我看来使用orangebox的弹出窗口。不要使用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>

让我知道如果这有助于进一步解释，请阅读article。

来源

2013-06-01 15:31:56 skhurams

使用jquery里面的ajaxcontroltookit的模式弹出式扩展程序

回答

相关问题