第十五篇: Ajax Control Toolkit 控件包--3. DragPanel (拖动效果）

1. 从母版页: MasterPage_Ajax.master 新建 Web窗体: DragPanel.aspx
2. 在 ContentPlaceHolder1 在加入一个 div , 这是能拖动的范围。

>

3. 添加一个 Panel 控件到 div 中。添加一个 Panel 控件到 Panel1 中。
4. 添加一个 DragPanel 控件。(设置 TargetControlID: Panel1,DragHandleID: Panel2)
5. 增加样式: .Panel1  .Panel2

        .Panel1
        {
            background-color: #FF9900;
            height: 200px;
            width: 300px;
        }
        .Panel2
        {
            background-color: #CCCC00;
            cursor: move;
        }
        .style1
        {
            height: 600px;
            width: 800px;
        }
    </style>

6. 设置: Panel1 控件，Panel2 控件 的 CssClass 属性为:  .Panel1 ,  .Panel2


7. OK ,, 试试看   ^^