AjaxControlToolkit 微软出的ajax.net 工具使用教程九 DragPanelExtender（拖拉）控件的使用
2007-05-16 16:28
931 查看
新建一个AjaxControlToolkitWebSite 项目，把下面的代码复制到你的页面：
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!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 id="Head1" runat="server">
<title>Untitled Page</title>
<link href="StyleSheet.css" _fcksavedurl=""StyleSheet.css"" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<div>
<ajaxToolkit:DragPanelExtender ID="DragPanelExtender1" runat="server" TargetControlID="PanelContainer" DragHandleID="PanelHeader">
</ajaxToolkit:DragPanelExtender>
<asp:Panel ID="PanelContainer" runat="server" CssClass="dragContainer" >
<asp:Panel ID="PanelHeader" runat="server" CssClass="dragHeader">
<br />Header</asp:Panel>
<asp:Panel ID="PanelBody" runat="server" CssClass="dragBody">
<br />
One<br /><br />
Two<br /><br />
Three<br /><br />
Four
</asp:Panel>
</asp:Panel>
</div>
</form>
<script type="text/javascript">
function setBodyHeightToContentHeight() {
document.body.style.height = Math.max(document.documentElement.scrollHeight, document.body.scrollHeight)+"px";
}
setBodyHeightToContentHeight();
window.attachEvent('onresize', setBodyHeightToContentHeight);
</script>
</body>
</html>
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!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 id="Head1" runat="server">
<title>Untitled Page</title>
<link href="StyleSheet.css" _fcksavedurl=""StyleSheet.css"" rel="stylesheet" type="text/css" />
</head>
<body>
<form id="form1" runat="server">
<asp:ScriptManager ID="ScriptManager1" runat="server" />
<div>
<ajaxToolkit:DragPanelExtender ID="DragPanelExtender1" runat="server" TargetControlID="PanelContainer" DragHandleID="PanelHeader">
</ajaxToolkit:DragPanelExtender>
<asp:Panel ID="PanelContainer" runat="server" CssClass="dragContainer" >
<asp:Panel ID="PanelHeader" runat="server" CssClass="dragHeader">
<br />Header</asp:Panel>
<asp:Panel ID="PanelBody" runat="server" CssClass="dragBody">
<br />
One<br /><br />
Two<br /><br />
Three<br /><br />
Four
</asp:Panel>
</asp:Panel>
</div>
</form>
<script type="text/javascript">
function setBodyHeightToContentHeight() {
document.body.style.height = Math.max(document.documentElement.scrollHeight, document.body.scrollHeight)+"px";
}
setBodyHeightToContentHeight();
window.attachEvent('onresize', setBodyHeightToContentHeight);
</script>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- AjaxControlToolkit 微软出的ajax.net 工具使用教程四 CollapsiblePanelExtender（隐藏）控件的使用
- ★ AjaxControlToolkit 微软出的ajax.net 工具使用教程四 CollapsiblePanelExtender控件的使用
- AjaxControlToolkit 微软出的ajax.net 工具使用教程十 DynamicPopulateExtender（动态）控件的使用
- AjaxControlToolkit 微软出的ajax.net 工具使用教程二十五 SliderExtender 控件的使用
- ★ AjaxControlToolkit 微软出的ajax.net 工具使用教程五 ConfirmButtonExtender控件的使用
- AjaxControlToolkit 微软出的ajax.net 工具使用教程十一 FilteredTextBoxExtender（筛选） 控件的使用
- AjaxControlToolkit 微软出的ajax.net 工具使用教程十二 HoverMenuExtender（滑出菜单） 控件的使用
- AjaxControlToolkit 微软出的ajax.net 工具使用教程三 AlwaysVisibleControlExtender（浮动）控件的使用
- AjaxControlToolkit 微软出的ajax.net 工具使用教程六 使用UpdatePanel控件（一）
- AjaxControlToolkit 微软出的ajax.net 工具使用教程十三 ModalPopupExtender 控件的使用
- AjaxControlToolkit 微软出的ajax.net 工具使用教程二十 AutoCompleteExtender（自动提示）控件的使用
- AjaxControlToolkit 微软出的ajax.net 工具使用教程三 AlwaysVisibleControlExtender（浮动）控件的使用
- AjaxControlToolkit 微软出的ajax.net 工具使用教程十四 PopupControlExtender（弹出） 控件的使用
- AjaxControlToolkit 微软出的ajax.net 工具使用教程十六 TextBoxWatermarkExtender（水印） 控件的使用
- AjaxControlToolkit 微软出的ajax.net 工具使用教程二十三 DropDownExtender（下拉对话框）控件的使用
- AjaxControlToolkit 微软出的ajax.net 工具使用教程七 使用UpdatePanel控件（二）
- AjaxControlToolkit 微软出的ajax.net 工具使用教程十五 RoundedCornersExtender（圆角） 控件的使用
- AjaxControlToolkit 微软出的ajax.net 工具使用教程二十二 ConfirmButtonExtender （确认对话框）控件的使用
- AjaxControlToolkit 微软出的ajax.net 工具使用教程五 ConfirmButtonExtender（确认）控件的使用
- AjaxControlToolkit 微软出的ajax.net 工具使用教程十九 AnimationExtender （动态）控件的使用