需在页面先设置
  <f:Window ID="Window1" runat="server" Height="600px" Width="800px" IsModal="true" EnableMaximize="True"
            CloseAction="HidePostBack" EnableIFrame="True" Hidden="True" Icon="ApplicationFormEdit"
            Target="Top" EnableResize="True">
        </f:Window>
 
 
前台弹层写法
<a href="javascript: <%#Window1.GetShowReference("add_Order_Pro.aspx?Pro_Id=" +Eval("Pro_Id"),"我要下单") %>">  下单 </a>
 
<a href="javascript:<%#Window1.GetShowReference("show_Pro_Order.aspx?OrderId=" + Eval("OrderId"),"订单详细") %>"><%#Eval("OrderId") %></a>
 
 
 
 <script type="text/javascript">
        function show_Frame(pro_id, name, url) {
            //var u = 'Ck_Admin/' + url + '.aspx?Pro_Id=' + pro_id;
            var u = ' <%=Zy.PageHelper.getUrl( "Ck_Admin")%>' + url + '.aspx?Pro_Id=' + pro_id;
            F( 'Window1').f_show(u, name);
        }
    </script >
<a href="javascript:void(0);" onclick="show_Frame('<%# Eval( "Sp_Id") %>','查看商品','show_Pro')">
                                    <%# Eval("Order_No") %></ a>
 
 
 
 
js方法中
<script>
        function showWindow() {            
          
       F('Window1').f_show( '/e1.xc5.net_new/Fxs_Admin/2.aspx?Id=46' , '查看库存');
    }
    </script >
 
 <a href="#" onclick="return chk_Auto_Add_Order_Para();">
                                    <img src="../Images/btn_Ddznsc.gif" border="0" /></a >
 
 
 
 
后台grid弹层写法:
protected void grid_RowCommand(object sender, FineUI. GridCommandEventArgs e)
    {
        object[] keys = this .rpt_Pro_List.DataKeys[e.RowIndex];
 
        string id = keys[0].ToString();
        switch (e.CommandName)
        {
            case "show" :
                PageContext.RegisterStartupScript(
                   Window1.GetShowReference( "Update_Pro_Kuc.aspx?Pro_Id=" + id + "&action=modify", "查看库存" ));
                break;
        }
    }
 
 
后台输出拼串:
 
<a href=\"javascript:F('Window1').f_show('" + getUrl("ck_admin") + "Pro_Sku_Proc_List.aspx?Kuc_Sku_Warn=" + Kuc_Sku_Warn + "')\">
"<a href=\"javascript:F('Window1').f_show( 'show_Pro_Order.aspx?OrderId=" + dt.Rows[i]["OrderId"] + "' , '查看库存');\"> 查看库存</a>"
 
 
//弹层最大化
PageContext.RegisterStartupScript(Window2.GetShowReference() + Window2.GetMaximizeReference());
 
 F('Window1').f_show('','');F('Window1').f_maximize(); 
 
 
// 设置弹窗到右下角
<script>
    Ext.onReady(function () {
        var window1 = F(' <%=Window1.ClientID %>' );
        //alert(window1.getHeight() + "-" + window1.getWidth());
        window1.setX($(window).width() - window1.getWidth());
        window1.setY($(window).height() - window1.getHeight());
    });
</script>

FineUI window弹层设置的更多相关文章

  1. 借用layer让弹层不限制在iframe内部

    使用方法: 1 除了layer的success,end,cancel回掉函数以外其它的layer参数都可以使用. 2 使用前在layer的js后边把该js引入(可以命名为layerExtend). 3 ...

  2. layer弹出层设置相对父级元素定位

    layer弹出层默认是相对body固定定位的,可是项目中一般需要相对某个盒子相对定位,下面是个加载弹层例子: var loadIndex = layer.open({ type: 3, //3 表示加 ...

  3. 弹层,iframe页面

    前台页面: <img src="chb/老玩家 好礼送.jpg" border="0" width="202" height=&quo ...

  4. 第一次使用zxxbox弹层经历

    一:首先这个插件是基于JQuery的插件,要先导入JQuery,然后再导入这个插件 二:HTML部分 <a href="http://www.jisuapi.com/static/im ...

  5. [vuejs] vue2.0-layer-mobile移动端弹层

    vue2.0-layer-mobile移动端弹层 本次组件升级支持slot内容分发功能,实现高定制内容风格的弹层 安装方法 npm install vue2-layer-mobile -S 初始化 i ...

  6. 基于Vue.js PC桌面端弹出框组件|vue自定义弹层组件|vue模态框

    vue.js构建的轻量级PC网页端交互式弹层组件VLayer. 前段时间有分享过一个vue移动端弹窗组件,今天给大家分享一个最近开发的vue pc端弹出层组件. VLayer 一款集Alert.Dia ...

  7. vue3系列:vue3.0自定义全局弹层V3Layer|vue3.x pc桌面端弹窗组件

    基于Vue3.0开发PC桌面端自定义对话框组件V3Layer. 前两天有分享一个vue3.0移动端弹出层组件,今天分享的是最新开发的vue3.0版pc端弹窗组件. V3Layer 一款使用vue3.0 ...

  8. 弹层组件-layer

    layer是Layui的一个弹层组建,功能强大,总之我很喜欢,下面介绍这个组件的基本用法. 首先如果只需要使用layer而不想使用Layui可以单独下载layer组件包,页面引入jquery1.8以上 ...

  9. jquery layer弹窗弹层插件 小巧强大

    /* 先去官网下载最新的js  http://sentsin.com/jquery/layer/ ①引用jquery ②引用layer.min.js */ 触发弹层的事件可自由绑定,如: $('#id ...

随机推荐

  1. LeetCode 732. My Calendar III

    原题链接在这里:https://leetcode.com/problems/my-calendar-iii/ 题目: Implement a MyCalendarThree class to stor ...

  2. bootstrap导航条组件

    一.导航条模板(官方文档) <nav class="navbar navbar-default"> <div class="container-flui ...

  3. 23-ESP8266 SDK开发基础入门篇--编写Android TCP客户端 , 加入消息处理

    https://www.cnblogs.com/yangfengwu/p/11203546.html 先做接收消息 然后接着 public class MainActivity extends App ...

  4. [RN] React Native 常用命令行

    [RN] React Native 常用命令行 1.查看当前版本 react-native --version 或 react-native -v 2.创建指定版本的React Native项目 1) ...

  5. Android入门教程(四)

    关注我,每天都有优质技术文章推送,工作,学习累了的时候放松一下自己. 本篇文章同步微信公众号 欢迎大家关注我的微信公众号:「醉翁猫咪」 学习Android要掌握Android程序结构,和通信技术,和如 ...

  6. pycharm2018.2.1破解、汉化

    ##我只是一个搬运工  -_-   (一)先破解,破解教程直接给个网址吧,感谢各位大神的无私奉献:https://blog.csdn.net/u014044812/article/details/78 ...

  7. mysql lower()函数

    mysql> select " DFREF"; +--------+ | DFREF | +--------+ | DFREF | +--------+ row in set ...

  8. 搭建Portainer可视化界面

    1.下载Portainer镜像 docker pull portainer/portainer 2.安装分为单机版及集群版 2.1单机版安装 docker run -d -p 9000:9000 \- ...

  9. 刷题记录:[CISCN2019 华北赛区 Day1 Web1]Dropbox

    目录 刷题记录:[CISCN2019 华北赛区 Day1 Web1]Dropbox 一.涉及知识点 1.任意文件下载 2.PHAR反序列化RCE 二.解题方法 刷题记录:[CISCN2019 华北赛区 ...

  10. 【数值分析】Python实现Lagrange插值

    一直想把这几个插值公式用代码实现一下,今天闲着没事,尝试尝试. 先从最简单的拉格朗日插值开始!关于拉格朗日插值公式的基础知识就不赘述,百度上一搜一大堆. 基本思路是首先从文件读入给出的样本点,根据输入 ...