今天下午搞了一下午,本来做好了,可是觉得两个面板的切换,还要提交到服务器去,增加了服务器的负担。就想了一种办法用js来控制两个panel 的轮流显示。
没有在项目里面加入,我只是写了一个小小的测试页面。下面给处源代码,希望对大家有帮助。
只给出asp。net 的页面代买的 想也的cs 没有添加代码:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="panel._Default" %>
<!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>Untitled Page</title>
<script language="javascript" type="text/javascript">
function SelectType()
{
//var pname=document.getElementById( "pname");
//var pdate=document.getElementById( "pdate");
var pname=document.getElementById( "pname");
var pdate=document.getElementById( "pdate");
var list=document.getElementById( "selectItem");
var v=list.options[list.selectedIndex].text;
if(v== "name")
{
alert( "pname");
pdate.style.display= "none";
pname.style.display= "block";
}
if(v== "date")
{
alert( "pdate");
pname.style.display= "none";
pdate.style.display= "block";
}
}
function $(id) {
return document.getElementById(id);
}
function dis(id,isclose)
{
if (isclose)
$(id).style.display = "block";
else
$(id).style.display = "none";
}
</script>
</head>
<body>
<form id="form1" runat="server">
<asp:Panel ID="pname" runat="server" Height="50px" Width="125px">
panel1
</asp:Panel>
<asp:Panel ID="pdate" runat="server" Height="50px" Width="125px">
panel2
</asp:Panel>
<select id="selectItem" name="selectItem" onchange=" SelectType() ">
<option value="name" >name</option>
<option value="date" >date</option>
</select>
</form>
<%=testStr %>
<script language="javascript" type="text/javascript">
dis('pname',true);
dis('pdate',false);
</script>
</body>
</html>
- 大小: 4.7 KB
分享到:
相关推荐
安装克隆存储库git clone https://github.com/rmemon/react-redux-admin-panel切换到repo文件夹cd react-redux-admin-panel使用npm安装依赖项npm install开发服务器为开发服务器运行npm start 。 导航到...
panelLayer 弹框层 tipLayer 提示框层 cocos里的场景不是持久化的,每次切换都会自动destroy,如果在场景上放这些图层,那么每个scene都要放一遍?然后再获取,这样很麻烦。 加载场景使用的是cc.director....
panel-drag demo 地址 可拖拽、移动、自由大小的菜单窗口,控制面板。自由移动,缩放,拖拽,双击标题放大、缩小等功能。 具体一下功能点: 1、标题双击(放大缩小) 2、点击标题移动 3、四边四角拖拉 4、面板尺寸...
" console-panel " : { " versions " : { " ^1.0.0 " : " consumeConsolePanel " } } } main.coffee consumeConsolePanel : ( @consolePanel ) -> log : ( message ) -> @consolePanel . log (message) API...
tab选项卡是常见的网页效果,也叫滑动门特效,本资源实现自动调转和手动(click onmouseover)切换
Grafana的网络地图面板 网络地图面板是一个世界地图,提供监视和可视化实时流量统计信息的功能。 它使用时间序列数据将节点... 双管:选中此选项会将地图上的邻接链接切换为双管模式。 每条线都有一个与之关联的方向箭
提供可以切换到“注册”模式的登录面板/对话框。 消息传递是高度可配置的,组件可以很容易地国际化。 使用提供身份验证,但目的是将 App.js 文件复制到您自己的项目中并根据需要进行调整。 组件间通信由提供,在...
<br/>我参考了VS2005的 WebForm_FireDefaultButton() 函数和网上的一些代码,弄了一个可以满足上述需求的解决方案,它的特性包括: <br/> 全部JavaScript代码都封装在了一个用户控件"EnterAsTab_...
某些其他 JavaScript 库中的函数(比如 Prototype)同样使用 $ 符号。 jQuery 使用名为 noConflict() 的方法来解决该问题。 var jq=jQuery.noConflict(),帮助您使用自己的名称(比如 jq)来代替 $ 符号。 亲自试一...
一个可滑动切换,异步加载数据,具有流畅滚动特性的 React-Tab 组件 参考了提供的组件,在此基础上进行了功能特性的丰富 使用 install npm i react-swipeable-tab --save import import { Tab, Tabs, TabList, ...
Written by luetage and lonmcgregor特征在左上角引入一个按钮来切换公会包装器,从而节省水平空间。 用鼠标离开面板时,自动隐藏行会。 公会包装器和成员视图覆盖图。如何在Vivaldi上,无需附加扩展程序(如Tamper...
小队控制面板(SQCP)关于Squad控制面板( SQCP )是一个简单的开源解决方案,用于利用和管理用 ( )和 ( )编写的Squad游戏服务器。特征认证(登录)系统在线玩家管理(踢,禁,警告和团队切换玩家) 管理最近...
ember-cli-面板 免责声明:这是一个正在大力发展的 WIP。 突破性的变化可能就在眼前。...这个包公开了一个ps-panel组件,它包装了动态创建的ps-pane组件。 ps-panel在您的模板中定义如下: // app/templates/i
不幸的是,Gnome 40更新使切换到水平布局。 许多Gnome用户不同意的选择。 此扩展用类似于旧样式的东西完全替代了新的Gnome概述。 将来,我想添加一些选项以自定义确切的布局,并增加对Dash-to-Panel扩展的支持...
不和谐面板 变更日志 版本1.3.10 现在使用fontawesome 向某些功能添加了文档 版本1.3.9 修复了jQuery无法正常工作的问题 版本1.3.8 固定语言在太多时不显示 ...由于与master和stable的跨域问题而切换回discord.12.1
-这样所有需要占据全屏的Panel(不管你是Accordion,Panel,ContentPanel,Form,GroupPanel,SimpleForm,Tree还是Grid,TabStrip)都可以通过这种方式全屏。 -简单方便,示例可以参考 default.aspx 或者 other\...
目标是创建没有ViewState,没有JavaScript,没有CSS,没有UpdatePanel,没有WebServices的Web应用程序。 支持的浏览器: IE 7.0+, Firefox 3.0+, Chrome 2.0+, Opera 9.5+, Safari 3.0+ 注:ExtAspNet基于一些开源...
我们使用它在Kirby上工作,并在不同类型的站点和测试方案之间切换。 我们建议所有贡献者都使用此设置。 安装 # clone the repo git clone git@github.com:getkirby/sandbox.git # step into the sandbox cd sandbox...
1.2.4 在javascript中使用json / 4 1.2.5 在.net中使用json / 8 1.2.6 在java中使用json / 12 1.2.7 更多有关json的信息 / 15 1.3 ext js 4概述 / 15 1.4 ext js的开发工具的获取、安装与配置介绍 / 18 1.4.1...