zoukankan      html  css  js  c++  java
  • easyui-tabs及其内容展示

    方案一
    <div class="easyui-panel">
            <div class="easyui-tabs" fit="true" border="false" id="tabs">
                <div title="RskBookAttriPositionSubGroup">
                    <iframe src="RskBookAttriPositionSubGroupManage.aspx" width="99%" height="100%"></iframe>
                </div>
                <div title="RskBookAttriProfitlossSubGroup">
                    <iframe src="RskBookAttriPositionSubGroupManage.aspx" width="99%" height="400"></iframe>
                </div>
            </div>
            </div>
    方案2
    <%-- builed by manage.aspx.cmt  [ver:2014.34.14] at 2014-10-14 11:34:22 --%>

    <%@ Page Language="C#" AutoEventWireup="True" CodeBehind="BasAgreementManage.aspx.cs"
        Inherits="HraWeb.BasAgreementManage" %>

    <%@ Register Assembly="Trirand.Web" TagPrefix="asp" Namespace="Trirand.Web.UI.WebControls" %>
    <!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 id="Head1" runat="server">
        <title></title>
        <script src="../Scripts/tabs.js" type="text/javascript"></script>
         
    </head>
    <body>
        <form id="form1" runat="server">
        <div id="toolbar" class="datagrid-toolbar">
            <span class="title">名称:</span>
            <input type="text" id="txt_AgreementName_LK_" name="txt_AgreementName_LK_"
                class="input datacontrol" style=" 100px" />
            <a href="#" id="btn_add" iconcls="icon-add" class="button">新增</a>
            <a href="#" id="btn_edit"
                iconcls="icon-edit" class="button">编辑</a>
                 <a href="#" id="btn_del" iconcls="icon-remove"
                    class="button">删除</a> <a href="#" id="btn_search" iconcls="icon-search" class="button">
                        查询</a>
        </div>
    <%--    <div class="easyui-tabs" fit="true" border="false" id="Div1">
                <div title="首页" data-options="href:'IndexCeshi/IndexCeshi.aspx'">
                </div>
            </div>--%>
        <div class="easyui-tabs" style="1000px;border: 0px" id="tabs">

        </div>

        </form>
        <script type="text/javascript">
          //  '<iframe style="100%;height:100%;" scrolling="auto" frameborder="0" src="' + url + '"></iframe>';
            function Open(text, url, height) {
                if ($("#tabs").tabs('exists', text)) {
                    $('#tabs').tabs('select', text);
                }
                else {
                   
                    $('#tabs').tabs('add', {
                        title: text,
                        closable: true,
                        content: '<iframe style="' + height + 'px;height:' + height + 'px" scrolling="auto" frameborder="0" src="' + url + '"></iframe>',
                        url: url
                    });
                }
            }


            function PageOnLoad() {
                var height = ComputGridHeight(100);
                $(".easyui-tabs").height(height);
                $(".easyui-tabs").width(height-300);
                window.setTimeout(function () {
                    Open("ABC", "/BAS/BasGlobalTimeZoneManage.aspx", height);
                }, 1000);
     
                            window.setTimeout(function() {
                                Open("ABC1", "/BAS/BasGlobalTimeZoneManage.aspx", height);
                            }, 1000);
                            window.setTimeout(function () {
                                Open("ABC2", "/BAS/BasGlobalTimeZoneManage.aspx", height);
                            }, 1000);
                            $('#tt').tabs({
                                border: false,
                                onSelect: function (t) {
                                    t = "ABC";
                                    //alert(title+' is selected');   
                                }
                            });
                      


                //控件按钮设置
                $(".button").linkbutton({ plain: true });
                //参数说明:控件Id,查询地址,编辑页面的宽度,高度,编辑页面标题,新增按钮,编辑按钮,删除按钮,查询按钮,查询回调函数
                //JDataGrid.InitGrid("jq", "/BAS/BasAgreementEdit.aspx", 787, 415, "协议内容维护", $("#btn_add"), $("#btn_edit"), $("#btn_del"), $("#btn_search"));
            }
        </script>
    </body>
    </html>

  • 相关阅读:
    9-单表查询
    02-数据库概述
    01-MySql的前戏
    mysql+centos7+主从复制
    Mac下安装ipython与jupyter
    python开发之virtualenv与virtualenvwrapper讲解
    python操作redis
    权限管理具体代码实现
    docker入门
    多用判断&&
  • 原文地址:https://www.cnblogs.com/kexb/p/4371117.html
Copyright © 2011-2022 走看看