如下图所示，点击温州市文成县之前，右边是一片空白，点击后生成新的页面

html运用到了coolite的Panel控件

<Center>
<ext:Panel ID="PanelMain" runat="server" AutoWidth="true" AutoScroll="false" Cls="width_p_100" BodyStyle="border-left:1 solid ;width:100%" Border="false">
<AutoLoad Mode="IFrame" ShowMask="true" MaskMsg="加载中，请稍候..." Url="" Scripts="true" NoCache="false" />
<%--<Body>
<div>
<iframe scrolling="auto" frameborder="0" width="100%" height="100%" id="frame1"></iframe>
</div>
</Body>--%>
</ext:Panel>
</Center>

js运用到panel的一些特性，函数setUrl调用新的页面链接到当前页面指定位置

function setUrl(purl) {
PanelMain.autoLoad.url = purl;
PanelMain.autoLoad.mode = "iframe";
PanelMain.autoLoad.showMask = true;
PanelMain.autoLoad.maskMsg = "加载中，请稍等...";
PanelMain.reload();
}

函数look调用了setUrl函数

function look(cgguid, flag, path, drlx) {
debugger;
var url = "";
var drlj = "";
switch (drlx) {
case "01": drlj = "/JccgFilesStore/"; break;
case "02": drlj = "/NdcgFilesStore/"; break;
case "03": drlj = "/NdgxcgFilesStore/"; break;
default:
drlj = "/NdcgFilesStore/";
break;
}
switch (flag) {
case "tif"://图片
case "jpg":
case "jpeg":
case "png":
case "gif": url = "ShowImgPage.aspx?cgguid=" + cgguid + "&path=" + path + "&drlx=" + drlx; break;
case "txt": url = "ShowTxtPage.aspx?cgguid=" + cgguid + "&drlx=" + drlx; break;
case "doc":
case "docx":
case "xls":
case "xlsx": url = "ShowOfficePage.aspx?cgguid=" + cgguid + "&fileExt=" + flag+"&drlx="+drlx; break;
default: //pdf
//url = "http://" + window.location.host + "/JccgFilesStore/" + path;
url = drlj + path;
break;
}
setUrl(url);
}

coolite 获取新的页面链接到当前页面指定位置Panel的运用的更多相关文章

  1. a标签链接到当前页内指定位置

    <a name="me">hello</a><br/><br/><br/><br/><br/>& ...

  2. selenium获取新页面标签页（只弹出一个新页面的切换）

    selenium获取新页面标签页(只弹出一个新页面的切换) windows = driver.current_window_handle #定位当前页面句柄 all_handles = driver. ...

  3. thinkphp下通过页面链接传递的参数获取一次后失效

    在thinkphp下通过页面链接传递的参数获取一次后失效,ajax内部无法再次使用.想要使用必须再次用js获取其值,通过ajax传递给后台使用. 1.通过页面链接传递参数给下一页 2.可以再下一页后台 ...

  4. wordpress获取当前页面链接

    我们知道wordpress的<?php the_permalink(); ?>和<?php echo get_permalink(); ?>可以获取页面链接,但是有些比较复杂的 ...

  5. 在开源UOJ的导航栏中添加新页面链接

    前言 刚用开源UOJ搭建OJ成功时就想在导航栏那里添加一个站内页面链接,无奈当时乱搞水平低,网上也没有教程,不晓得怎么弄 今天突然来了闲情乱搞一通,结果还真乱搞成了...特意写下为后来人少走点弯路 前 ...

  6. Dynamics CRM2016 新功能之从CRM APP通过电子邮件发送页面链接

    通过电子邮件发送页面链接在PC端早就有了,但APP端却始终没有,这版加上了这个功能,这里还是以case为例,发送页面链接的方式有两种 第一种在list界面,长按你要share的数据,会出来选项shar ...

  7. 基于Metronic的Bootstrap开发框架经验总结（13）--页面链接收藏夹功能的实现2（利用Sortable进行拖动排序）

    在上篇随笔<基于Metronic的Bootstrap开发框架经验总结(12)--页面链接收藏夹功能的实现>上,我介绍了链接收藏夹功能的实现,以及对收藏记录的排序处理.该篇随笔主要使用功能按 ...

  8. ASP.NET MVC WebApi 返回数据类型序列化控制（json,xml) 用javascript在客户端删除某一个cookie键值对 input点击链接另一个页面，各种操作。 C# 往线程里传参数的方法总结 TCP/IP 协议 用C#+Selenium+ChromeDriver 生成我的咕咚跑步路线地图 (转)值得学习百度开源70+项目

    ASP.NET MVC WebApi 返回数据类型序列化控制(json,xml)   我们都知道在使用WebApi的时候Controller会自动将Action的返回值自动进行各种序列化处理(序列化为 ...

  9. HBuilder mui 手机app开发 Android手机app开发 ios手机app开发 打开新页面 预加载页面 关闭页面

    创建子页面 在mobile app开发过程中,经常遇到卡头卡尾的页面,此时若使用局部滚动,在android手机上会出现滚动不流畅的问题: mui的解决思路是:将需要滚动的区域通过单独的webview实 ...

随机推荐

  1. 设计模式 | 工厂方法模式（factory method）

    定义: 定义一个用于创建对象的接口,让子类决定实例化哪一个类.工厂方法使一个类的实例化延迟到其子类. 结构:(书中图,侵删) 一个工厂的抽象接口 若干个具体的工厂类 一个需要创建对象的抽象接口 若干个 ...

  2. XSS Challenges xss-quiz.int21h.jp

    概述: https://xss-quiz.int21h.jp/ Stage #1 payload: <script>alert(document.domain);</script&g ...

  3. arcgis画矢量图

    总图 首先建立目标文件夹和目标文件(shp文件) 现在H:\ex_gis\下新建test文件夹,起名为test,再此目录下建立一个线要素文件. 在这里选择要素类型.这里以线为例,点面类推即可. 设置坐 ...

  4. windows 无法启动网络发现

    1.先启动三个服务,按顺序启动(有依存关系),都改为自启动 Function Discovery Resource Publication SSDP Discovery UPnP Device Hos ...

  5. .Net Core 在Linux服务器下部署程序--(2). 部署前需要安装的软件及SDK

    安装通用软件 : ping , telnet , lrzsz , zip , wget 安装ping软件,用于测试当前服务器与其他服务器之间的网络通畅情况,和Windows的Ping类似 执行ping ...

  6. python检测字符串乱码

    import chardet f=open('test.txt','rb') f_read=f.read() f_charInfo=chardet.detect(f_read) print(f_cha ...

  7. 震惊！计算机连0.3+0.6都算不对？浅谈IEEE754浮点数算数标准

    >>> 0.3+0.6 0.8999999999999999 >>> 1-0.9 0.09999999999999998 >>> 0.1+0.1+ ...

  8. C# 实现WebSocket通信

    本实例可通过web网页端进行测试,下面直接上代码. 首先要在NuGet导入“Fleck”包,需 .NET Framework 4.5及以上. using System; using System.Co ...

  9. springboot+jwt做api的token认证

    本篇和大家分享jwt(json web token)的使用,她主要用来生成接口访问的token和验证,其单独结合springboot来开发api接口token验证很是方便,由于jwt的token中存储 ...

  10. 从壹开始前后端分离 [ Vue2.0+.NET Core2.1] 二十三║Vue实战：Vuex 其实很简单

    前言 哈喽大家周五好,马上又是一个周末了,下周就是中秋了,下下周就是国庆啦,这里先祝福大家一个比一个假日嗨皮啦~~转眼我们的专题已经写了第 23 篇了,好几次都坚持不下去想要中断,不过每当看到群里的交 ...