标签页实现方法

标签: 标签页  分签  tag

第一次写标签页特别头疼,因为是小白啥也不会敲打,最后通过一个中间页面进行跳转实现。最近又遇到一个,要做标签页,要求三个页面的数据分别对应数据库内同一张表的同一条字段不同内容,那我之前的办法就不好使,反复尝试,反复失败,最后心肥意冷的我求助公司大佬才做出来……

今天我就把两种方法罗列出来,希望当跟我一样的菜鸟,也遇到这个问题不会急的跟我一样抓耳挠腮

方法一:效果图:(适用于两个标签页无关联,各自执行各自操作

第一步:框架Dutysetting.aspx(即两个div块)
  <script type="text/javascript" language="javascript" >
        var isLoad1 = false;
        var isLoad2 = false;

        $(function () {
            $(".easyui-tabs").tabs({
                height: $(window).height(),
                width: $(window).width(),
                border: false,
                onSelect: function (title) {
                    switch (title) {
                        case "假期安排":
                            if (!isLoad1)
                                $("#Iframe1").attr("src", "DutyHoli.aspx");
                            isLoad1 = true;
                            break;

                        case "角色信息":
                            if (!isLoad2)
                                $("#Iframe2").attr("src", "DutyPer.aspx");
                            isLoad2 = true;
                            break;

                    }
                }
            });
        })

    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div id="tt" class="easyui-tabs" style="width: 500px; height: 250px;">
        <div title="假期安排" style="padding: 0px; overflow: hidden">
            <iframe id="Iframe1" frameborder="0" style="height: 100%; width: 100%; overflow: auto">
            </iframe>
        </div>
 
        <div title="角色信息" style="padding: 0px; overflow: hidden">
            <iframe id="Iframe2" frameborder="0" style="height: 100%; width: 100%; overflow: auto">
            </iframe>
        </div>


    </div>
    </form>
</body>
</html>
第二步:
1.DutyHoli.aspx(即:假期安排页面)


正常构架就好

2.DutyPer.aspx(即角色信息界面)。
截图省略,如1正常构架就好



方法二:效果图:(适用于两个标签页有关联,比如属于同一张表的同一条数据
该例子的标签页以弹框形式展现,且执行保存三个标签页数据

第一步:NurseCQI.aspx页面,新增按钮点击js事件
<a class="easyui-linkbutton" data-options="plain:true,iconCls:'icon-add'"
    runat="server" onclick="PortalItem()" id="Add">新增</a>
<%--js中调用NurseCQIInfo.aspx的LinkSave事件--%>
function PortalItem() {
art.dialog.open('Nurse/symposium/NurseCQIInfo.aspx', {
title: "新增",
width: "950px",
height: "450px",
padding: 0,
cancelVal: '关闭',
cancel: true,
ok: function () {
var iframe = this.iframe.contentWindow;
iframe.document.getElementById('LinkSave').click();
return false;
}
});
}
第二步:NurseCQIInfo.aspx页面,搭建与方法

前台aspx:
<%--该事件控制延迟,防止页面显示不完全而出错--%>
$(function () {
setTimeout(mm, 100)
})
function mm() {
$(".easyui-tabs").tabs({
height: $(window).height(),
width: $(window).width(),
border: false
});
}
function SaveInfo() {
            var win = art.dialog.open.origin;
            win.window.loadgrid();
            art.dialog.close();
        }

后台aspx.cs:
protected void btn_save_Click(object sender, EventArgs e)
        {
            DataRow row = null;
            string KeyID = "";
            if (!string.IsNullOrWhiteSpace(_ID))//修改
            {
                KeyID = _ID;
                row = bll.GetCQIByID(_ID).Tables[0].Rows[0];


            }
            else//新增
            {
                row = bll.GetCQIByID(_ID).Tables[0].NewRow();
                row["ID"] = CommonBLL.NewID("Nurse_CQI");//新增时的主键ID
            }
            row["DeptID"] = txtDeptID.Value.Trim();
            row["DeptName"] = txtDeptName.Value.Trim();
            row["ProjectYear"] = Request["txtProjectYear"];

            if (!string.IsNullOrWhiteSpace(_ID))//修改
            {

                bll.UpdateCQI(row);//保存事件 

                YX.Common.JScript.RunJSString(this, "SaveInfo();");//SaveInfo()调用前台方法

            }
            else
            {
                bll.InsertCQI(row);
                YX.Common.JScript.RunJSString(this, "SaveInfo();");

            }
        }


YX.Common.JScript.RunJSString(this, "SaveInfo();");//SaveInfo()调用前台方法
该方法为公司大佬封装的方法,同学们用不了,可换成具有相同功能的操作方法.

OVER……












版权声明:本文为phyllis_icic原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/phyllis_icic/article/details/79261736

智能推荐

LeetCode刷题(十四)-----字符串-------medium部分(Java、C++)

22. 括号生成 [ “((()))”, “(()())”, “(())()”, “()(())”, “()()()” ] 思路一:c++版本,暴力构造法+剪枝 构造法生成括号 首先分析:需要构造有效的括号,数量上,左右括号分别都为n个。 其次:左括号的数量需要大于等于右括号的数...

双路快速排序法

快速排序法的优化——双路快速排序 上一节我们自己动手写的一个快速排序的算法,在随机数测试中表现得非常好,然而,我们在用高度有序的数组进行测试的时候,发现快速排序的效率变得异常的低下,比归并排序的效率低得多了,近似退回了O(n^2)的复杂度,这是为什么呢?首先让我们来分析一下归并排序的算法思想,归并排序之所以能够达到O(logn)的复杂度,多亏了递归,递归使得把数组不断的二分...

android问题记录

Error: Cannot fit requested classes in a single dex file (# methods: 80441 > 65536) 解决办法: gradle文件的defaultConfig默认配置里面增加...

猜你喜欢

ROS机器人Diego 1# 利用人工智能 风格迁移技术拍摄不同画风的视频

风格迁移,就是将一种图片的风格迁移到其他图片上,改变其他图片的风格,很好玩的一个人工自能模型,github上已经有很多实现的方法,本文参考https://github.com/hzy46/fast-neural-style-tensorflow 的算法,利用Diego1#的平台实现实时视频的风格转换,先上两张图看效果: 是不是很酷呢,其实实现方法和上篇博文中的原理是一样的,只是把人工智能的算法包装...

数据分析学习总结笔记17:文本分析入门案例实战

文章目录 1 数据准备 2 分词 3 统计词频 4 词云 5 提取特征 6 用sklearn进行训练 1 数据准备 数据样例如下, 数据总量为7.7万+: 本节通过一个实战的例子来展示文本分析的最简单流程。首先设定因变量为原始数据中的"评分"。自变量是"评价内容",这里根据评价内容提取TF-IDF特征。之后,通过评价内容的特征建模预测下整体评分。 以上只是最...

LeetCode 150. 逆波兰表达式求值

题目描述 根据逆波兰表示法,求表达式的值。 有效的运算符包括 +, -, *, / 。每个运算对象可以是整数,也可以是另一个逆波兰表达式。 整数除法只保留整数部分。 给定逆波兰表达式总是有效的。 换句话说,表达式总会得出有效数值且不存在除数为 0 的情况。 示例 1: 输入:[“2”, “1”, “+”, “3&r...

并查集原理及应用

并查集 树形的数据结构,每个集合有其代表节点,代表节点相同的元素属于同一集合。 find:通过查找节点的代表节点,判断节点所属集合。 union:合并两集合,小集合合并到大集合,使用大集合的代表节点。 在find的递归过程中,让路过节点的父节点直接赋值为代表节点,节省下次查找时间,如图所示。 计算岛的个数 遍历二维数组,遇到1时就将所相连的1都改为2,看看遇到多少次1,就是岛的数量。改数时使用回溯...

linux nutch1.0安装配置

1,下载nutch1.0 下载地址:http://archive.apache.org/dist/nutch/,下载这个文件nutch-1.0.tar.gz   2,上传到服务器 上传位置:/home/www/,解压nutch-1.0.tar.gz #tar -xvf nutch-1.0.tar.gz 重命名 #mv nutch-1.0 nutch   3,修改配置文...