zoukankan      html  css  js  c++  java
  • 弹窗式页面

    一、弹窗js导入(主页面)

    <!--弹出框-->
    <script src="~/media/layer/layer.js"></script>
    <!--弹出框-->

    二、html代码(主页面)

    <input type="text"  id="E_id"  onclick="ChooseBE()" />

    三、js代码(主页面)

    function ChooseBE() {
    layer.open({
    type: 2,
    area: ['700px', '450px'],
    fixed: false, //不固定
    maxmin: true,
    content: '/Dispatching/ChooseBE'
    });
    }

    四、js代码(弹窗页面)

    <script type="text/javascript">

    $(function () {

    $('.tree li:has(ul)').addClass('parent_li').find(' > span').attr('title', 'Collapse this branch');

    $('.tree li.parent_li > span').on('click', function (e) {

    var children = $(this).parent('li.parent_li').find(' > ul > li');

    if (children.is(":visible")) {

    children.hide('fast');

    $(this).attr('title', 'Expand this branch').find(' > i').addClass('icon-plus-sign').removeClass('icon-minus-sign');

    } else {

    children.show('fast');

    $(this).attr('title', 'Collapse this branch').find(' > i').addClass('icon-minus-sign').removeClass('icon-plus-sign');

    }

    e.stopPropagation();

    });

    });

    </script>

    var index = parent.layer.getFrameIndex(window.name); //获取窗口索引

    parent.$('#E_id').val(row.E_id);//将得到的数据放到主页面所对应id的输入框中

    parent.layer.close(index);//当前窗口关闭

  • 相关阅读:
    BZOJ 2326 数学作业
    BZOJ 4448 情报传递
    BZOJ 4443 小凸玩矩阵
    BZOJ 1852 最长不下降序列
    BZOJ 4373 算术天才⑨与等差数列
    68285
    65656556
    D. Points in rectangle
    恐怖的怪物
    再战斐波那契
  • 原文地址:https://www.cnblogs.com/zchbiji/p/9041939.html
Copyright © 2011-2022 走看看