zoukankan      html  css  js  c++  java
  • AjaxControlToolkit学习系列(1) DragPanelExtender

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

    <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
    <title>Untitled Page</title>
    </head>
    <body>
    <form id="form1" runat="server">
    <div>
    <asp:ScriptManager ID="ScriptManager1" runat="server">
    </asp:ScriptManager>
    <cc1:DragPanelExtender ID="DragPanelExtender2" TargetControlID="TargetPanel" DragHandleID="DragHandlePanel"
    runat
    ="server">
    </cc1:DragPanelExtender>
    <asp:Panel ID="TargetPanel" runat="server" CssClass="movablePanel">
    <asp:Panel ID="DragHandlePanel" runat="server" CssClass="handle" ToolTip="请拖拽此处">
    <h1>
    标题
    </h1>
    </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>
    </html>
  • 相关阅读:
    Python3学习笔记27-ConfigParser模块
    Python3学习笔记26-unittest模块
    HTML学习笔记09-列表
    HTML学习笔记08-表格
    [hdu1402]A * B Problem Plus(FFT模板题)
    [bzoj2179]FFT快速傅立叶
    [bzoj3884]上帝与集合的正确用法
    [ural1132]Square Root(cipolla算法)
    MD5算法的c++实现
    DES算法的c++实现
  • 原文地址:https://www.cnblogs.com/qixuejia/p/1631843.html
Copyright © 2011-2022 走看看