DragPanelExtender可拖动面板

weixin_33788244

于 2019-06-27 03:03:48 发布

阅读量180

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/hubcarl/archive/2009/10/29/1592647.html

版权

Code
<body>
    <form id="form1" runat="server">
        <asp:ScriptManager ID="ScriptManager1" runat="server" />
        <div>
        <ajaxToolkit:DragPanelExtender ID="DragPanelExtender1" runat="server"
                 TargetControlID="TargetPanel" DragHandleID="DragHandlePanel" />

        <asp:Panel ID="TargetPanel" runat="server"  CssClass="movablePanel"  >
            <asp:Panel ID="DragHandlePanel" runat="server" CssClass="handle" ToolTip="请拖拽此处"  >
                这是可拖动面板的标题
           </asp:Panel>
           <div  class="content">
            这是内容面板这是内容面板这是内容面板这是内容面板这是内容面板这是内容面板<br />
            这是内容面板这是内容面板这是内容面板这是内容面板这是内容面板这是内容面板这是<br />
            内容面板这是内容面板这是内容面板这是内容面板这是内容面板这是内容面板这是内容面板<br />
           </div>
        </asp:Panel>
        </div>
    </form>
        <script type="text/javascript">
    // 下面的程序代码是用来解决 FloatingBehavior 不允许我们将
    // 拖拽面板（DragPanel）固定于某处的问题。
    function setBodyHeightToContentHeight()
    {
        document.body.style.height =
        Math.max(document.documentElement.scrollHeight, document.body.scrollHeight)
        + "px";
    }
    setBodyHeightToContentHeight();
   $addHandler(window, "resize", setBodyHeightToContentHeight);
    </script>

</body>

转载于:https://www.cnblogs.com/hubcarl/archive/2009/10/29/1592647.html