本文展示了一个使用ASP.NET实现的Web应用示例，包括使用C#作为后台代码、HTML及JavaScript进行页面布局与交互。该示例包含了滚动面板、树形菜单等功能，并通过设置高度与宽度使面板自适应浏览器窗口大小。
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Test.aspx.cs"
Inherits="WebDemo" culture="auto" meta:resourcekey="PageResource1" uiculture="auto" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<style type="text/css">
.td_scroll_title{ border-bottom:1px solid #C6D5F5;height:24px;}
</style>
</head>
<body>
<form id="form1" runat="server">
<div style="margin-top:5px;">
<asp:Panel ID="pnlSrcool" runat="server" Width="285px" Height="380px" ScrollBars ="Auto">
<asp:TreeView ID="tvDic" runat="server" ShowLines="True" ExpandDepth="5" Height="100%"
EnableTheming="True" Width="100%" ExpandImageUrl="../../../images/folderopen.gif"
CollapseImageUrl="../../../images/folder.gif" meta:resourcekey="tvDicResource1" >
</asp:TreeView>
</asp:Panel>
</div>
</form>
<script language="javascript" type="text/javascript">
document.getElementById("pnlSrcool").style.height = (document.body.clientHeight - 80) + "px";
document.getElementById("pnlSrcool").style.width = (document.body.clientWidth - 30) + "px";
</script>
</body>
</html>
扫一扫
716
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
